|
1 | 1 | <template> |
2 | | - <div class="wrapper"> |
| 2 | + <div class="wrapper py-6"> |
3 | 3 | <div class="presentation is-flex is-fullwidth is-justify-content-center is-align-items-center"> |
4 | 4 | <div class="call-to-action is-flex is-flex-direction-column is-justify-content-space-between"> |
5 | 5 | <div class="is-size-1 has-text-weight-bold has-text-centered is-uppercase"> |
|
9 | 9 | {{ $t('landing.description') }} |
10 | 10 | </p> |
11 | 11 |
|
12 | | - <div class="is-flex mb-6 is-justify-content-space-around is-align-items-center"> |
13 | | - <p class="is-size-5 has-text-weight-semibold">+ 500 000 Documents</p> |
14 | | - <p class="is-size-5 has-text-weight-semibold">+ 500 000 Documents</p> |
15 | | - <p class="is-size-5 has-text-weight-semibold">+ 500 000 Documents</p> |
16 | | - </div> |
| 12 | + <!-- <div class="is-flex mb-6 is-justify-content-space-around is-align-items-center"> --> |
| 13 | + <!-- <p class="is-size-5 has-text-weight-semibold">+ 5 000 000 documents traités</p> --> |
| 14 | + <!-- <p class="is-size-5 has-text-weight-semibold">+ {{ totalDocs }} documents retenus</p> --> |
| 15 | + <!-- <p class="is-size-5 has-text-weight-semibold"> --> |
| 16 | + <!-- À partir de{{ sourcesList.length }} corpus --> |
| 17 | + <!-- </p> --> |
| 18 | + <!-- </div> --> |
17 | 19 | </div> |
18 | 20 | </div> |
19 | 21 |
|
20 | 22 | <div class="has-text-centered partnership"> |
21 | | - <h1 class="mb-4">{{ $t('landing.partnership') }}</h1> |
22 | 23 | <div class="is-flex my-4 is-justify-content-space-between is-align-items-center"> |
23 | 24 | <img alt="logo" class="partner-logo mx-4" src="@/assets/lpi_logo.png" /> |
24 | 25 | <img alt="logo" class="partner-logo mx-4" src="@/assets/uved.png" /> |
25 | 26 | <img alt="logo" class="partner-logo mx-4" src="@/assets/cy_logo.png" /> |
26 | 27 | <img alt="logo" class="partner-logo mx-4" src="@/assets/france2030.png" /> |
27 | 28 | </div> |
| 29 | + <h1 class="subtitle is-6 mt-6">{{ $t('landing.partnership') }}</h1> |
28 | 30 | </div> |
29 | 31 |
|
30 | 32 | <div class="product-description has-text-centered"> |
|
37 | 39 | <div class="section mt-6"> |
38 | 40 | <div class="is-flex is-fullwidth is-justify-content-space-evenly"> |
39 | 41 | <div class="description"> |
40 | | - <p class="subtitle has-text-weight-bold mb-2 is-clickable"> |
| 42 | + <p class="subtitle has-text-weight-bold mb-2"> |
41 | 43 | {{ $t('landing.horizontal.section_one.title') }} |
42 | 44 | <span class="is-size-4 ml-4">></span> |
43 | 45 | </p> |
|
50 | 52 | <div class="section"> |
51 | 53 | <div class="is-flex is-fullwidth is-justify-content-space-evenly"> |
52 | 54 | <div class="description"> |
53 | | - <p class="subtitle has-text-weight-bold mb-2 is-clickable"> |
| 55 | + <p class="subtitle has-text-weight-bold mb-2"> |
54 | 56 | {{ $t('landing.horizontal.section_two.title') }} |
55 | 57 | <span class="is-size-4 ml-4">></span> |
56 | 58 | </p> |
|
63 | 65 | <div class="section"> |
64 | 66 | <div class="is-flex is-fullwidth is-justify-content-space-evenly"> |
65 | 67 | <div class="description"> |
66 | | - <p class="subtitle has-text-weight-bold mb-2 is-clickable"> |
| 68 | + <p class="subtitle has-text-weight-bold mb-2"> |
67 | 69 | {{ $t('landing.horizontal.section_three.title') }} |
68 | 70 | <span class="is-size-4 ml-4">></span> |
69 | 71 | </p> |
|
73 | 75 | </div> |
74 | 76 | </div> |
75 | 77 | </div> |
| 78 | + <div class="section px-6 pb-6"> |
| 79 | + <div class="is-flex mx-6"> |
| 80 | + <div class="px-4"> |
| 81 | + <p class="subtitle has-text-weight-bold"> |
| 82 | + {{ $t('landing.vertical.section_one.title') }} |
| 83 | + </p> |
| 84 | + <p class="subtitle">{{ $t('landing.vertical.section_one.content') }}</p> |
| 85 | + </div> |
| 86 | + <div class="px-6"> |
| 87 | + <p class="subtitle has-text-weight-bold"> |
| 88 | + {{ $t('landing.vertical.section_two.title') }} |
| 89 | + </p> |
| 90 | + <p class="subtitle">{{ $t('landing.vertical.section_two.content') }}</p> |
| 91 | + </div> |
| 92 | + <div class="px-6"> |
| 93 | + <p class="subtitle has-text-weight-bold"> |
| 94 | + {{ $t('landing.vertical.section_three.title') }} |
| 95 | + </p> |
| 96 | + <p class="subtitle">{{ $t('landing.vertical.section_three.content') }}</p> |
| 97 | + </div> |
| 98 | + </div> |
| 99 | + </div> |
76 | 100 | </div> |
77 | 101 | </template> |
78 | 102 |
|
|
85 | 109 | width: 60%; |
86 | 110 | height: 100%; |
87 | 111 | margin: auto; |
88 | | - margin-top: 2%; |
89 | 112 | } |
90 | 113 |
|
91 | 114 | .partnership { |
92 | | - width: 40%; |
| 115 | + width: 45%; |
93 | 116 | margin: auto; |
94 | | - margin-top: 8px; |
95 | 117 | } |
96 | 118 |
|
97 | 119 | .partner-logo { |
|
0 commit comments