cli
/
cli-web
Watch 8
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

index: redesign - added contact form and fixed styles

Lou 3 years ago
parent
17cdeb1c42
commit
39326acfe5
8 changed files with 172 additions and 56 deletions
Split View Show Diff Stats
  1. 1
    1
      src/components/btnContact/index.jsx
  2. 5
    5
      src/components/contactForm/index.scss
  3. 2
    2
      src/components/footer/index.scss
  4. 22
    0
      src/images/travaillons-ensemble.svg
  5. 97
    3
      src/pages/index.jsx
  6. 0
    21
      src/pages/nous-contacter.jsx
  7. 45
    19
      src/scss/index.scss
  8. 0
    5
      src/scss/nous-contacter.scss

+ 1
- 1
src/components/btnContact/index.jsx View File 

@@ -5,7 +5,7 @@ import "./index.scss";
5 5
6 6 
 const BtnContact = ({ children }) => {
7 7 
 	return (
8 
-		<Link to="/nous-contacter">
8 
+		<Link to="/#contact">
9 9 
 			<button className="btn cta">
10 10 
 				<span>{children}</span>
11 11 
 			</button>

+ 5
- 5
src/components/contactForm/index.scss View File 

@@ -2,11 +2,12 @@
2 2
3 3 
 #contact-form-container {
4 4 
 	border-radius: 10px;
5 
-	background-color: #fff;
6 
-	padding: 10px;
7 
-	width: 100vw;
5 
+	background-color: transparent;
6 
+	padding-top: 190px;
7 
+	width: 100%;
8 8 
 	display: flex;
9 9 
 	justify-content: center;
10 
+	z-index: 0;
10 11
11 12 
 	#contact-form {
12 13 
 		min-width: 30vw;
 
@@ -14,7 +15,6 @@
14 15 
 		margin: 0 auto;
15 16 
 		display: flex;
16 17 
 		flex-direction: column;
17 
-
18 18 
 		margin: 1rem;
19 19 
 	}
20 20 
 
@@ -47,7 +47,7 @@
47 47 
 		line-height: 1.4rem;
48 48 
 		font-size: 1rem;
49 49 
 		border: 1px solid $primary;
50 
-		border-radius: 0.5rem;
50 
+		border-radius: 0.15rem;
51 51 
 	}
52 52
53 53 
 	.form-input {

+ 2
- 2
src/components/footer/index.scss View File 

@@ -3,8 +3,8 @@
3 3
4 4 
 #footer {
5 5 
 	background: $light;
6 
-	padding: 1.5rem 0;
7 
-	margin-top: 5rem;
6 
+	padding: 1rem;
7 
+	margin-top: 3rem;
8 8 
 	margin-left: auto;
9 9 
 	margin-right: auto;
10 10 
 	width: 100%;

+ 22
- 0
src/images/travaillons-ensemble.svg View File 

@@ -0,0 +1,22 @@
1 
+<svg viewBox="0 0 364 108" fill="none" xmlns="http://www.w3.org/2000/svg">
2 
+<path d="M23 45.272C21.848 45.784 20.4186 46.296 18.712 46.808C17.048 47.32 15.32 47.576 13.528 47.576C11.9493 47.576 10.4986 47.2987 9.17596 46.744C7.85329 46.1894 6.78663 45.3147 5.97596 44.12C5.20796 42.8827 4.82396 41.2827 4.82396 39.32V20.056H0.407959V13.464H4.82396V2.58403H13.4V13.464H20.44V20.056H13.4V36.44C13.4 37.592 13.6986 38.424 14.296 38.936C14.936 39.448 15.704 39.704 16.6 39.704C17.496 39.704 18.3706 39.5547 19.224 39.256C20.0773 38.9574 20.76 38.7014 21.272 38.488L23 45.272Z" fill="#A6D0D9"/>
3 
+<path d="M47.4345 20.888C44.8318 20.888 42.5065 21.4 40.4585 22.424C38.4105 23.4054 36.9385 24.8347 36.0425 26.712V47H27.4665V13.464H35.3385V20.632C36.4905 18.328 37.9838 16.5147 39.8185 15.192C41.6958 13.8694 43.6585 13.144 45.7065 13.016C46.6025 13.016 47.1785 13.0374 47.4345 13.08V20.888Z" fill="#A6D0D9"/>
4 
+<path d="M49.725 37.08C49.725 34.904 50.3223 33.0054 51.517 31.384C52.7543 29.72 54.461 28.44 56.637 27.544C58.813 26.648 61.309 26.2 64.125 26.2C65.533 26.2 66.9623 26.328 68.413 26.584C69.8636 26.7974 71.1223 27.1174 72.189 27.544V25.752C72.189 23.6187 71.549 21.976 70.269 20.824C69.0316 19.672 67.1756 19.096 64.701 19.096C62.8663 19.096 61.117 19.416 59.453 20.056C57.789 20.696 56.0396 21.6347 54.205 22.872L51.453 17.24C53.6716 15.7894 55.933 14.7014 58.237 13.976C60.5836 13.2507 63.037 12.888 65.597 12.888C70.3756 12.888 74.0876 14.0827 76.733 16.472C79.421 18.8614 80.765 22.2747 80.765 26.712V37.4C80.765 38.3387 80.9143 39 81.213 39.384C81.5116 39.7254 82.045 39.9387 82.813 40.024V47C82.045 47.1707 81.341 47.2774 80.701 47.32C80.1036 47.4054 79.5916 47.448 79.165 47.448C77.4583 47.448 76.157 47.064 75.261 46.296C74.365 45.528 73.8316 44.5894 73.661 43.48L73.469 41.752C71.9756 43.672 70.141 45.144 67.965 46.168C65.8316 47.1494 63.6343 47.64 61.373 47.64C59.1116 47.64 57.1063 47.192 55.357 46.296C53.6076 45.3574 52.221 44.0987 51.197 42.52C50.2156 40.8987 49.725 39.0854 49.725 37.08ZM70.589 38.808C71.6556 37.784 72.189 36.8027 72.189 35.864V32.472C69.9703 31.576 67.7303 31.128 65.469 31.128C63.2076 31.128 61.373 31.6187 59.965 32.6C58.557 33.5387 57.853 34.7974 57.853 36.376C57.853 37.656 58.365 38.808 59.389 39.832C60.413 40.856 61.885 41.368 63.805 41.368C65.085 41.368 66.3223 41.1334 67.517 40.664C68.7543 40.1947 69.7783 39.576 70.589 38.808Z" fill="#A6D0D9"/>
5 
+<path d="M96.6155 47L84.2635 13.464H93.1595L101.607 39.192L110.119 13.464H118.247L105.959 47H96.6155Z" fill="#A6D0D9"/>
6 
+<path d="M119.6 37.08C119.6 34.904 120.197 33.0054 121.392 31.384C122.629 29.72 124.336 28.44 126.512 27.544C128.688 26.648 131.184 26.2 134 26.2C135.408 26.2 136.837 26.328 138.288 26.584C139.739 26.7974 140.997 27.1174 142.064 27.544V25.752C142.064 23.6187 141.424 21.976 140.144 20.824C138.907 19.672 137.051 19.096 134.576 19.096C132.741 19.096 130.992 19.416 129.328 20.056C127.664 20.696 125.915 21.6347 124.08 22.872L121.328 17.24C123.547 15.7894 125.808 14.7014 128.112 13.976C130.459 13.2507 132.912 12.888 135.472 12.888C140.251 12.888 143.963 14.0827 146.608 16.472C149.296 18.8614 150.64 22.2747 150.64 26.712V37.4C150.64 38.3387 150.789 39 151.088 39.384C151.387 39.7254 151.92 39.9387 152.688 40.024V47C151.92 47.1707 151.216 47.2774 150.576 47.32C149.979 47.4054 149.467 47.448 149.04 47.448C147.333 47.448 146.032 47.064 145.136 46.296C144.24 45.528 143.707 44.5894 143.536 43.48L143.344 41.752C141.851 43.672 140.016 45.144 137.84 46.168C135.707 47.1494 133.509 47.64 131.248 47.64C128.987 47.64 126.981 47.192 125.232 46.296C123.483 45.3574 122.096 44.0987 121.072 42.52C120.091 40.8987 119.6 39.0854 119.6 37.08ZM140.464 38.808C141.531 37.784 142.064 36.8027 142.064 35.864V32.472C139.845 31.576 137.605 31.128 135.344 31.128C133.083 31.128 131.248 31.6187 129.84 32.6C128.432 33.5387 127.728 34.7974 127.728 36.376C127.728 37.656 128.24 38.808 129.264 39.832C130.288 40.856 131.76 41.368 133.68 41.368C134.96 41.368 136.197 41.1334 137.392 40.664C138.629 40.1947 139.653 39.576 140.464 38.808Z" fill="#A6D0D9"/>
7 
+<path d="M158.654 8.79203V0.280029H167.23V8.79203H158.654ZM158.654 47V13.464H167.23V47H158.654Z" fill="#A6D0D9"/>
8 
+<path d="M174.902 0.280029H183.478V36.248C183.478 37.8267 183.734 38.872 184.246 39.384C184.758 39.896 185.462 40.152 186.358 40.152C187.041 40.152 187.745 40.0667 188.47 39.896C189.196 39.7254 189.836 39.512 190.39 39.256L191.542 45.784C190.39 46.3387 189.046 46.7654 187.51 47.064C185.974 47.3627 184.588 47.512 183.35 47.512C180.662 47.512 178.572 46.808 177.078 45.4C175.628 43.9494 174.902 41.9014 174.902 39.256V0.280029Z" fill="#A6D0D9"/>
9 
+<path d="M195.215 0.280029H203.791V36.248C203.791 37.8267 204.047 38.872 204.559 39.384C205.071 39.896 205.775 40.152 206.671 40.152C207.354 40.152 208.058 40.0667 208.783 39.896C209.508 39.7254 210.148 39.512 210.703 39.256L211.855 45.784C210.703 46.3387 209.359 46.7654 207.823 47.064C206.287 47.3627 204.9 47.512 203.663 47.512C200.975 47.512 198.884 46.808 197.391 45.4C195.94 43.9494 195.215 41.9014 195.215 39.256V0.280029Z" fill="#A6D0D9"/>
10 
+<path d="M231.079 47.64C227.41 47.64 224.253 46.8507 221.607 45.272C219.005 43.6507 216.999 41.5174 215.591 38.872C214.183 36.2267 213.479 33.368 213.479 30.296C213.479 27.1814 214.183 24.3014 215.591 21.656C217.042 19.0107 219.069 16.8987 221.671 15.32C224.317 13.6987 227.453 12.888 231.079 12.888C234.706 12.888 237.821 13.6987 240.423 15.32C243.069 16.8987 245.095 19.0107 246.503 21.656C247.911 24.3014 248.615 27.1814 248.615 30.296C248.615 33.368 247.911 36.2267 246.503 38.872C245.095 41.5174 243.069 43.6507 240.423 45.272C237.821 46.8507 234.706 47.64 231.079 47.64ZM222.311 30.296C222.311 32.2587 222.695 34.008 223.463 35.544C224.231 37.0374 225.277 38.2107 226.599 39.064C227.922 39.9174 229.415 40.344 231.079 40.344C232.701 40.344 234.173 39.9174 235.495 39.064C236.818 38.168 237.863 36.9734 238.631 35.48C239.442 33.944 239.847 32.1947 239.847 30.232C239.847 28.312 239.442 26.6054 238.631 25.112C237.863 23.576 236.818 22.3814 235.495 21.528C234.173 20.632 232.701 20.184 231.079 20.184C229.415 20.184 227.922 20.632 226.599 21.528C225.277 22.3814 224.231 23.576 223.463 25.112C222.695 26.6054 222.311 28.3334 222.311 30.296Z" fill="#A6D0D9"/>
11 
+<path d="M285.572 47H276.996V28.184C276.996 25.496 276.527 23.5334 275.588 22.296C274.649 21.0587 273.348 20.44 271.684 20.44C270.532 20.44 269.359 20.7387 268.164 21.336C267.012 21.9334 265.967 22.7654 265.028 23.832C264.089 24.856 263.407 26.0507 262.98 27.416V47H254.404V13.464H262.148V19.672C263.385 17.5814 265.177 15.9387 267.524 14.744C269.871 13.5067 272.516 12.888 275.46 12.888C277.551 12.888 279.257 13.272 280.58 14.04C281.903 14.7654 282.927 15.768 283.652 17.048C284.377 18.2854 284.868 19.6934 285.124 21.272C285.423 22.8507 285.572 24.4507 285.572 26.072V47Z" fill="#A6D0D9"/>
12 
+<path d="M305.381 47.64C302.522 47.64 299.792 47.1707 297.189 46.232C294.586 45.2934 292.346 43.9067 290.469 42.072L293.541 36.504C295.546 38.1254 297.509 39.32 299.429 40.088C301.349 40.856 303.226 41.24 305.061 41.24C306.725 41.24 308.048 40.9414 309.029 40.344C310.053 39.7467 310.565 38.8507 310.565 37.656C310.565 36.4187 309.946 35.5867 308.709 35.16C307.472 34.6907 305.744 34.1147 303.525 33.432C301.05 32.664 298.981 31.8747 297.317 31.064C295.653 30.2534 294.394 29.272 293.541 28.12C292.73 26.968 292.325 25.4747 292.325 23.64C292.325 20.3547 293.562 17.7307 296.037 15.768C298.512 13.8054 301.797 12.824 305.893 12.824C308.282 12.824 310.544 13.208 312.677 13.976C314.81 14.7014 316.752 15.896 318.501 17.56L315.045 23C311.76 20.44 308.581 19.16 305.509 19.16C304.144 19.16 302.928 19.416 301.861 19.928C300.837 20.44 300.325 21.336 300.325 22.616C300.325 23.8107 300.816 24.664 301.797 25.176C302.821 25.688 304.357 26.2427 306.405 26.84C309.05 27.6507 311.29 28.44 313.125 29.208C315.002 29.976 316.41 30.9574 317.349 32.152C318.33 33.3467 318.821 34.968 318.821 37.016C318.821 40.344 317.605 42.9467 315.173 44.824C312.741 46.7014 309.477 47.64 305.381 47.64Z" fill="#A6D0D9"/>
13 
+<path d="M47.456 107.64C43.8293 107.64 40.6933 106.851 38.048 105.272C35.4453 103.693 33.4186 101.603 31.968 99C30.5173 96.3547 29.792 93.496 29.792 90.424C29.792 87.2667 30.496 84.3654 31.904 81.72C33.3546 79.032 35.4026 76.8987 38.048 75.32C40.6933 73.6987 43.8506 72.888 47.52 72.888C51.1893 72.888 54.3253 73.6987 56.928 75.32C59.5306 76.8987 61.5146 79.0107 62.88 81.656C64.288 84.2587 64.992 87.0747 64.992 90.104C64.992 91.2134 64.928 92.1734 64.8 92.984H38.88C39.0933 95.5867 40.0533 97.6347 41.76 99.128C43.5093 100.621 45.5146 101.368 47.776 101.368C49.4826 101.368 51.0826 100.963 52.576 100.152C54.112 99.2987 55.1573 98.1894 55.712 96.824L63.072 98.872C61.8346 101.432 59.8506 103.544 57.12 105.208C54.3893 106.829 51.168 107.64 47.456 107.64ZM38.688 87.544H56.224C55.968 85.0267 55.008 83 53.344 81.464C51.7226 79.8854 49.7386 79.096 47.392 79.096C45.088 79.096 43.104 79.8854 41.44 81.464C39.8186 83 38.9013 85.0267 38.688 87.544Z" fill="#A6D0D9"/>
14 
+<path d="M101.384 107H92.8085V88.184C92.8085 85.496 92.3391 83.5334 91.4005 82.296C90.4618 81.0587 89.1605 80.44 87.4965 80.44C86.3445 80.44 85.1711 80.7387 83.9765 81.336C82.8245 81.9334 81.7791 82.7654 80.8405 83.832C79.9018 84.856 79.2191 86.0507 78.7925 87.416V107H70.2165V73.464H77.9605V79.672C79.1978 77.5814 80.9898 75.9387 83.3365 74.744C85.6831 73.5067 88.3285 72.888 91.2725 72.888C93.3631 72.888 95.0698 73.272 96.3925 74.04C97.7151 74.7654 98.7391 75.768 99.4645 77.048C100.19 78.2854 100.68 79.6934 100.936 81.272C101.235 82.8507 101.384 84.4507 101.384 86.072V107Z" fill="#A6D0D9"/>
15 
+<path d="M121.193 107.64C118.335 107.64 115.604 107.171 113.001 106.232C110.399 105.293 108.159 103.907 106.281 102.072L109.353 96.504C111.359 98.1254 113.321 99.32 115.241 100.088C117.161 100.856 119.039 101.24 120.873 101.24C122.537 101.24 123.86 100.941 124.841 100.344C125.865 99.7467 126.377 98.8507 126.377 97.656C126.377 96.4187 125.759 95.5867 124.521 95.16C123.284 94.6907 121.556 94.1147 119.337 93.432C116.863 92.664 114.793 91.8747 113.129 91.064C111.465 90.2534 110.207 89.272 109.353 88.12C108.543 86.968 108.137 85.4747 108.137 83.64C108.137 80.3547 109.375 77.7307 111.849 75.768C114.324 73.8054 117.609 72.824 121.705 72.824C124.095 72.824 126.356 73.208 128.489 73.976C130.623 74.7014 132.564 75.896 134.313 77.56L130.857 83C127.572 80.44 124.393 79.16 121.321 79.16C119.956 79.16 118.74 79.416 117.673 79.928C116.649 80.44 116.137 81.336 116.137 82.616C116.137 83.8107 116.628 84.664 117.609 85.176C118.633 85.688 120.169 86.2427 122.217 86.84C124.863 87.6507 127.103 88.44 128.937 89.208C130.815 89.976 132.223 90.9574 133.161 92.152C134.143 93.3467 134.633 94.968 134.633 97.016C134.633 100.344 133.417 102.947 130.985 104.824C128.553 106.701 125.289 107.64 121.193 107.64Z" fill="#A6D0D9"/>
16 
+<path d="M156.018 107.64C152.392 107.64 149.256 106.851 146.61 105.272C144.008 103.693 141.981 101.603 140.53 99C139.08 96.3547 138.354 93.496 138.354 90.424C138.354 87.2667 139.058 84.3654 140.466 81.72C141.917 79.032 143.965 76.8987 146.61 75.32C149.256 73.6987 152.413 72.888 156.082 72.888C159.752 72.888 162.888 73.6987 165.49 75.32C168.093 76.8987 170.077 79.0107 171.442 81.656C172.85 84.2587 173.554 87.0747 173.554 90.104C173.554 91.2134 173.49 92.1734 173.362 92.984H147.442C147.656 95.5867 148.616 97.6347 150.322 99.128C152.072 100.621 154.077 101.368 156.338 101.368C158.045 101.368 159.645 100.963 161.138 100.152C162.674 99.2987 163.72 98.1894 164.274 96.824L171.634 98.872C170.397 101.432 168.413 103.544 165.682 105.208C162.952 106.829 159.73 107.64 156.018 107.64ZM147.25 87.544H164.786C164.53 85.0267 163.57 83 161.906 81.464C160.285 79.8854 158.301 79.096 155.954 79.096C153.65 79.096 151.666 79.8854 150.002 81.464C148.381 83 147.464 85.0267 147.25 87.544Z" fill="#A6D0D9"/>
17 
+<path d="M230.875 107H222.299V88.184C222.299 85.5387 221.83 83.5974 220.891 82.36C219.995 81.08 218.736 80.44 217.115 80.44C215.408 80.44 213.808 81.1014 212.315 82.424C210.822 83.704 209.755 85.3894 209.115 87.48V107H200.539V88.184C200.539 85.496 200.07 83.5334 199.131 82.296C198.235 81.0587 196.976 80.44 195.355 80.44C193.691 80.44 192.091 81.08 190.555 82.36C189.062 83.64 187.995 85.3254 187.355 87.416V107H178.779V73.464H186.523V79.672C187.76 77.496 189.446 75.832 191.579 74.68C193.755 73.4854 196.23 72.888 199.003 72.888C201.776 72.888 203.931 73.5707 205.467 74.936C207.046 76.3014 208.048 77.9867 208.475 79.992C209.798 77.688 211.526 75.9387 213.659 74.744C215.792 73.5067 218.182 72.888 220.827 72.888C222.918 72.888 224.603 73.272 225.883 74.04C227.206 74.7654 228.23 75.768 228.955 77.048C229.68 78.2854 230.171 79.6934 230.427 81.272C230.726 82.8507 230.875 84.4507 230.875 86.072V107Z" fill="#A6D0D9"/>
18 
+<path d="M257.413 107.64C254.853 107.64 252.571 107.064 250.565 105.912C248.56 104.76 246.981 103.181 245.829 101.176V107H238.341V60.28H246.917V79.352C248.112 77.3467 249.669 75.768 251.589 74.616C253.552 73.464 255.835 72.888 258.437 72.888C261.339 72.888 263.877 73.6987 266.053 75.32C268.272 76.8987 270 79.0107 271.237 81.656C272.475 84.3014 273.093 87.2027 273.093 90.36C273.093 93.6027 272.411 96.5254 271.045 99.128C269.68 101.731 267.803 103.8 265.413 105.336C263.067 106.872 260.4 107.64 257.413 107.64ZM255.045 100.344C256.88 100.344 258.48 99.896 259.845 99C261.253 98.104 262.341 96.9094 263.109 95.416C263.92 93.88 264.325 92.216 264.325 90.424C264.325 88.5894 263.941 86.904 263.173 85.368C262.448 83.7894 261.424 82.5307 260.101 81.592C258.779 80.6534 257.264 80.184 255.557 80.184C253.68 80.184 251.952 80.824 250.373 82.104C248.837 83.3414 247.685 84.8774 246.917 86.712V94.712C247.472 96.376 248.56 97.7414 250.181 98.808C251.803 99.832 253.424 100.344 255.045 100.344Z" fill="#A6D0D9"/>
19 
+<path d="M278.84 60.28H287.416V96.248C287.416 97.8267 287.672 98.872 288.184 99.384C288.696 99.896 289.4 100.152 290.296 100.152C290.979 100.152 291.683 100.067 292.408 99.896C293.133 99.7254 293.773 99.512 294.328 99.256L295.48 105.784C294.328 106.339 292.984 106.765 291.448 107.064C289.912 107.363 288.525 107.512 287.288 107.512C284.6 107.512 282.509 106.808 281.016 105.4C279.565 103.949 278.84 101.901 278.84 99.256V60.28Z" fill="#A6D0D9"/>
20 
+<path d="M314.768 107.64C311.142 107.64 308.006 106.851 305.36 105.272C302.758 103.693 300.731 101.603 299.28 99C297.83 96.3547 297.104 93.496 297.104 90.424C297.104 87.2667 297.808 84.3654 299.216 81.72C300.667 79.032 302.715 76.8987 305.36 75.32C308.006 73.6987 311.163 72.888 314.832 72.888C318.502 72.888 321.638 73.6987 324.24 75.32C326.843 76.8987 328.827 79.0107 330.192 81.656C331.6 84.2587 332.304 87.0747 332.304 90.104C332.304 91.2134 332.24 92.1734 332.112 92.984H306.192C306.406 95.5867 307.366 97.6347 309.072 99.128C310.822 100.621 312.827 101.368 315.088 101.368C316.795 101.368 318.395 100.963 319.888 100.152C321.424 99.2987 322.47 98.1894 323.024 96.824L330.384 98.872C329.147 101.432 327.163 103.544 324.432 105.208C321.702 106.829 318.48 107.64 314.768 107.64ZM306 87.544H323.536C323.28 85.0267 322.32 83 320.656 81.464C319.035 79.8854 317.051 79.096 314.704 79.096C312.4 79.096 310.416 79.8854 308.752 81.464C307.131 83 306.214 85.0267 306 87.544Z" fill="#A6D0D9"/>
21 
+<path d="M354.568 89.912V61.112H363.144V89.912H354.568ZM354.568 107V97.336H363.144V107H354.568Z" fill="#A6D0D9"/>
22 
+</svg>

+ 97
- 3
src/pages/index.jsx View File 

@@ -4,6 +4,7 @@ import { Link } from "gatsby";
4 4 
 import Layout from "../components/layout/index";
5 5 
 import Seo from "../components/seo";
6 6 
 import RealisationCard from "../components/realisationCard";
7 
+import ContactForm from "../components/contactForm";
7 8 
 import "../scss/index.scss";
8 9 
 import Brooke from "../images/brooke.jpg";
9 10 
 import Header from "../components/header";
 
@@ -16,7 +17,7 @@ const IndexPage = () => {
16 17
17 18 
 			<div className="page-container">
18 19 
 				<section className="ethic index-section">
19 
-					<div className="parallax-1">
20 
+					<div className="parallax-ethic">
20 21 
 						<i className="parallax-object-1">
21 22 
 							<svg
22 23 
 								viewBox="0 0 546 142"
 
@@ -67,7 +68,7 @@ const IndexPage = () => {
67 68 
 				</section>
68 69
69 70 
 				<section className="team index-section">
70 
-					<div className="parallax-2">
71 
+					<div className="parallax-team">
71 72 
 						<i className="parallax-object-2">
72 73 
 							<svg
73 74 
 								viewBox="0 0 551 142"
 
@@ -106,7 +107,7 @@ const IndexPage = () => {
106 107 
 					</div>
107 108 
 				</section>
108 109 
 				<section className="realisation index-section">
109 
-					<div className="parallax-3">
110 
+					<div className="parallax-realisation">
110 111 
 						<i className="parallax-object-3">
111 112 
 							<svg
112 113 
 								viewBox="0 0 945 224"
 
@@ -197,6 +198,99 @@ const IndexPage = () => {
197 198 
 						/>
198 199 
 					</div>
199 200 
 				</section>
201 
+				<section className="contact index-section" id="contact">
202 
+					<div className="parallax-contact">
203 
+						<i className="parallax-object-4">
204 
+							<svg
205 
+								viewBox="0 0 364 108"
206 
+								fill="none"
207 
+								xmlns="http://www.w3.org/2000/svg"
208 
+							>
209 
+								<path
210 
+									d="M23 45.272C21.848 45.784 20.4186 46.296 18.712 46.808C17.048 47.32 15.32 47.576 13.528 47.576C11.9493 47.576 10.4986 47.2987 9.17596 46.744C7.85329 46.1894 6.78663 45.3147 5.97596 44.12C5.20796 42.8827 4.82396 41.2827 4.82396 39.32V20.056H0.407959V13.464H4.82396V2.58403H13.4V13.464H20.44V20.056H13.4V36.44C13.4 37.592 13.6986 38.424 14.296 38.936C14.936 39.448 15.704 39.704 16.6 39.704C17.496 39.704 18.3706 39.5547 19.224 39.256C20.0773 38.9574 20.76 38.7014 21.272 38.488L23 45.272Z"
211 
+									fill="#A6D0D9"
212 
+								/>
213 
+								<path
214 
+									d="M47.4345 20.888C44.8318 20.888 42.5065 21.4 40.4585 22.424C38.4105 23.4054 36.9385 24.8347 36.0425 26.712V47H27.4665V13.464H35.3385V20.632C36.4905 18.328 37.9838 16.5147 39.8185 15.192C41.6958 13.8694 43.6585 13.144 45.7065 13.016C46.6025 13.016 47.1785 13.0374 47.4345 13.08V20.888Z"
215 
+									fill="#A6D0D9"
216 
+								/>
217 
+								<path
218 
+									d="M49.725 37.08C49.725 34.904 50.3223 33.0054 51.517 31.384C52.7543 29.72 54.461 28.44 56.637 27.544C58.813 26.648 61.309 26.2 64.125 26.2C65.533 26.2 66.9623 26.328 68.413 26.584C69.8636 26.7974 71.1223 27.1174 72.189 27.544V25.752C72.189 23.6187 71.549 21.976 70.269 20.824C69.0316 19.672 67.1756 19.096 64.701 19.096C62.8663 19.096 61.117 19.416 59.453 20.056C57.789 20.696 56.0396 21.6347 54.205 22.872L51.453 17.24C53.6716 15.7894 55.933 14.7014 58.237 13.976C60.5836 13.2507 63.037 12.888 65.597 12.888C70.3756 12.888 74.0876 14.0827 76.733 16.472C79.421 18.8614 80.765 22.2747 80.765 26.712V37.4C80.765 38.3387 80.9143 39 81.213 39.384C81.5116 39.7254 82.045 39.9387 82.813 40.024V47C82.045 47.1707 81.341 47.2774 80.701 47.32C80.1036 47.4054 79.5916 47.448 79.165 47.448C77.4583 47.448 76.157 47.064 75.261 46.296C74.365 45.528 73.8316 44.5894 73.661 43.48L73.469 41.752C71.9756 43.672 70.141 45.144 67.965 46.168C65.8316 47.1494 63.6343 47.64 61.373 47.64C59.1116 47.64 57.1063 47.192 55.357 46.296C53.6076 45.3574 52.221 44.0987 51.197 42.52C50.2156 40.8987 49.725 39.0854 49.725 37.08ZM70.589 38.808C71.6556 37.784 72.189 36.8027 72.189 35.864V32.472C69.9703 31.576 67.7303 31.128 65.469 31.128C63.2076 31.128 61.373 31.6187 59.965 32.6C58.557 33.5387 57.853 34.7974 57.853 36.376C57.853 37.656 58.365 38.808 59.389 39.832C60.413 40.856 61.885 41.368 63.805 41.368C65.085 41.368 66.3223 41.1334 67.517 40.664C68.7543 40.1947 69.7783 39.576 70.589 38.808Z"
219 
+									fill="#A6D0D9"
220 
+								/>
221 
+								<path
222 
+									d="M96.6155 47L84.2635 13.464H93.1595L101.607 39.192L110.119 13.464H118.247L105.959 47H96.6155Z"
223 
+									fill="#A6D0D9"
224 
+								/>
225 
+								<path
226 
+									d="M119.6 37.08C119.6 34.904 120.197 33.0054 121.392 31.384C122.629 29.72 124.336 28.44 126.512 27.544C128.688 26.648 131.184 26.2 134 26.2C135.408 26.2 136.837 26.328 138.288 26.584C139.739 26.7974 140.997 27.1174 142.064 27.544V25.752C142.064 23.6187 141.424 21.976 140.144 20.824C138.907 19.672 137.051 19.096 134.576 19.096C132.741 19.096 130.992 19.416 129.328 20.056C127.664 20.696 125.915 21.6347 124.08 22.872L121.328 17.24C123.547 15.7894 125.808 14.7014 128.112 13.976C130.459 13.2507 132.912 12.888 135.472 12.888C140.251 12.888 143.963 14.0827 146.608 16.472C149.296 18.8614 150.64 22.2747 150.64 26.712V37.4C150.64 38.3387 150.789 39 151.088 39.384C151.387 39.7254 151.92 39.9387 152.688 40.024V47C151.92 47.1707 151.216 47.2774 150.576 47.32C149.979 47.4054 149.467 47.448 149.04 47.448C147.333 47.448 146.032 47.064 145.136 46.296C144.24 45.528 143.707 44.5894 143.536 43.48L143.344 41.752C141.851 43.672 140.016 45.144 137.84 46.168C135.707 47.1494 133.509 47.64 131.248 47.64C128.987 47.64 126.981 47.192 125.232 46.296C123.483 45.3574 122.096 44.0987 121.072 42.52C120.091 40.8987 119.6 39.0854 119.6 37.08ZM140.464 38.808C141.531 37.784 142.064 36.8027 142.064 35.864V32.472C139.845 31.576 137.605 31.128 135.344 31.128C133.083 31.128 131.248 31.6187 129.84 32.6C128.432 33.5387 127.728 34.7974 127.728 36.376C127.728 37.656 128.24 38.808 129.264 39.832C130.288 40.856 131.76 41.368 133.68 41.368C134.96 41.368 136.197 41.1334 137.392 40.664C138.629 40.1947 139.653 39.576 140.464 38.808Z"
227 
+									fill="#A6D0D9"
228 
+								/>
229 
+								<path
230 
+									d="M158.654 8.79203V0.280029H167.23V8.79203H158.654ZM158.654 47V13.464H167.23V47H158.654Z"
231 
+									fill="#A6D0D9"
232 
+								/>
233 
+								<path
234 
+									d="M174.902 0.280029H183.478V36.248C183.478 37.8267 183.734 38.872 184.246 39.384C184.758 39.896 185.462 40.152 186.358 40.152C187.041 40.152 187.745 40.0667 188.47 39.896C189.196 39.7254 189.836 39.512 190.39 39.256L191.542 45.784C190.39 46.3387 189.046 46.7654 187.51 47.064C185.974 47.3627 184.588 47.512 183.35 47.512C180.662 47.512 178.572 46.808 177.078 45.4C175.628 43.9494 174.902 41.9014 174.902 39.256V0.280029Z"
235 
+									fill="#A6D0D9"
236 
+								/>
237 
+								<path
238 
+									d="M195.215 0.280029H203.791V36.248C203.791 37.8267 204.047 38.872 204.559 39.384C205.071 39.896 205.775 40.152 206.671 40.152C207.354 40.152 208.058 40.0667 208.783 39.896C209.508 39.7254 210.148 39.512 210.703 39.256L211.855 45.784C210.703 46.3387 209.359 46.7654 207.823 47.064C206.287 47.3627 204.9 47.512 203.663 47.512C200.975 47.512 198.884 46.808 197.391 45.4C195.94 43.9494 195.215 41.9014 195.215 39.256V0.280029Z"
239 
+									fill="#A6D0D9"
240 
+								/>
241 
+								<path
242 
+									d="M231.079 47.64C227.41 47.64 224.253 46.8507 221.607 45.272C219.005 43.6507 216.999 41.5174 215.591 38.872C214.183 36.2267 213.479 33.368 213.479 30.296C213.479 27.1814 214.183 24.3014 215.591 21.656C217.042 19.0107 219.069 16.8987 221.671 15.32C224.317 13.6987 227.453 12.888 231.079 12.888C234.706 12.888 237.821 13.6987 240.423 15.32C243.069 16.8987 245.095 19.0107 246.503 21.656C247.911 24.3014 248.615 27.1814 248.615 30.296C248.615 33.368 247.911 36.2267 246.503 38.872C245.095 41.5174 243.069 43.6507 240.423 45.272C237.821 46.8507 234.706 47.64 231.079 47.64ZM222.311 30.296C222.311 32.2587 222.695 34.008 223.463 35.544C224.231 37.0374 225.277 38.2107 226.599 39.064C227.922 39.9174 229.415 40.344 231.079 40.344C232.701 40.344 234.173 39.9174 235.495 39.064C236.818 38.168 237.863 36.9734 238.631 35.48C239.442 33.944 239.847 32.1947 239.847 30.232C239.847 28.312 239.442 26.6054 238.631 25.112C237.863 23.576 236.818 22.3814 235.495 21.528C234.173 20.632 232.701 20.184 231.079 20.184C229.415 20.184 227.922 20.632 226.599 21.528C225.277 22.3814 224.231 23.576 223.463 25.112C222.695 26.6054 222.311 28.3334 222.311 30.296Z"
243 
+									fill="#A6D0D9"
244 
+								/>
245 
+								<path
246 
+									d="M285.572 47H276.996V28.184C276.996 25.496 276.527 23.5334 275.588 22.296C274.649 21.0587 273.348 20.44 271.684 20.44C270.532 20.44 269.359 20.7387 268.164 21.336C267.012 21.9334 265.967 22.7654 265.028 23.832C264.089 24.856 263.407 26.0507 262.98 27.416V47H254.404V13.464H262.148V19.672C263.385 17.5814 265.177 15.9387 267.524 14.744C269.871 13.5067 272.516 12.888 275.46 12.888C277.551 12.888 279.257 13.272 280.58 14.04C281.903 14.7654 282.927 15.768 283.652 17.048C284.377 18.2854 284.868 19.6934 285.124 21.272C285.423 22.8507 285.572 24.4507 285.572 26.072V47Z"
247 
+									fill="#A6D0D9"
248 
+								/>
249 
+								<path
250 
+									d="M305.381 47.64C302.522 47.64 299.792 47.1707 297.189 46.232C294.586 45.2934 292.346 43.9067 290.469 42.072L293.541 36.504C295.546 38.1254 297.509 39.32 299.429 40.088C301.349 40.856 303.226 41.24 305.061 41.24C306.725 41.24 308.048 40.9414 309.029 40.344C310.053 39.7467 310.565 38.8507 310.565 37.656C310.565 36.4187 309.946 35.5867 308.709 35.16C307.472 34.6907 305.744 34.1147 303.525 33.432C301.05 32.664 298.981 31.8747 297.317 31.064C295.653 30.2534 294.394 29.272 293.541 28.12C292.73 26.968 292.325 25.4747 292.325 23.64C292.325 20.3547 293.562 17.7307 296.037 15.768C298.512 13.8054 301.797 12.824 305.893 12.824C308.282 12.824 310.544 13.208 312.677 13.976C314.81 14.7014 316.752 15.896 318.501 17.56L315.045 23C311.76 20.44 308.581 19.16 305.509 19.16C304.144 19.16 302.928 19.416 301.861 19.928C300.837 20.44 300.325 21.336 300.325 22.616C300.325 23.8107 300.816 24.664 301.797 25.176C302.821 25.688 304.357 26.2427 306.405 26.84C309.05 27.6507 311.29 28.44 313.125 29.208C315.002 29.976 316.41 30.9574 317.349 32.152C318.33 33.3467 318.821 34.968 318.821 37.016C318.821 40.344 317.605 42.9467 315.173 44.824C312.741 46.7014 309.477 47.64 305.381 47.64Z"
251 
+									fill="#A6D0D9"
252 
+								/>
253 
+								<path
254 
+									d="M47.456 107.64C43.8293 107.64 40.6933 106.851 38.048 105.272C35.4453 103.693 33.4186 101.603 31.968 99C30.5173 96.3547 29.792 93.496 29.792 90.424C29.792 87.2667 30.496 84.3654 31.904 81.72C33.3546 79.032 35.4026 76.8987 38.048 75.32C40.6933 73.6987 43.8506 72.888 47.52 72.888C51.1893 72.888 54.3253 73.6987 56.928 75.32C59.5306 76.8987 61.5146 79.0107 62.88 81.656C64.288 84.2587 64.992 87.0747 64.992 90.104C64.992 91.2134 64.928 92.1734 64.8 92.984H38.88C39.0933 95.5867 40.0533 97.6347 41.76 99.128C43.5093 100.621 45.5146 101.368 47.776 101.368C49.4826 101.368 51.0826 100.963 52.576 100.152C54.112 99.2987 55.1573 98.1894 55.712 96.824L63.072 98.872C61.8346 101.432 59.8506 103.544 57.12 105.208C54.3893 106.829 51.168 107.64 47.456 107.64ZM38.688 87.544H56.224C55.968 85.0267 55.008 83 53.344 81.464C51.7226 79.8854 49.7386 79.096 47.392 79.096C45.088 79.096 43.104 79.8854 41.44 81.464C39.8186 83 38.9013 85.0267 38.688 87.544Z"
255 
+									fill="#A6D0D9"
256 
+								/>
257 
+								<path
258 
+									d="M101.384 107H92.8085V88.184C92.8085 85.496 92.3391 83.5334 91.4005 82.296C90.4618 81.0587 89.1605 80.44 87.4965 80.44C86.3445 80.44 85.1711 80.7387 83.9765 81.336C82.8245 81.9334 81.7791 82.7654 80.8405 83.832C79.9018 84.856 79.2191 86.0507 78.7925 87.416V107H70.2165V73.464H77.9605V79.672C79.1978 77.5814 80.9898 75.9387 83.3365 74.744C85.6831 73.5067 88.3285 72.888 91.2725 72.888C93.3631 72.888 95.0698 73.272 96.3925 74.04C97.7151 74.7654 98.7391 75.768 99.4645 77.048C100.19 78.2854 100.68 79.6934 100.936 81.272C101.235 82.8507 101.384 84.4507 101.384 86.072V107Z"
259 
+									fill="#A6D0D9"
260 
+								/>
261 
+								<path
262 
+									d="M121.193 107.64C118.335 107.64 115.604 107.171 113.001 106.232C110.399 105.293 108.159 103.907 106.281 102.072L109.353 96.504C111.359 98.1254 113.321 99.32 115.241 100.088C117.161 100.856 119.039 101.24 120.873 101.24C122.537 101.24 123.86 100.941 124.841 100.344C125.865 99.7467 126.377 98.8507 126.377 97.656C126.377 96.4187 125.759 95.5867 124.521 95.16C123.284 94.6907 121.556 94.1147 119.337 93.432C116.863 92.664 114.793 91.8747 113.129 91.064C111.465 90.2534 110.207 89.272 109.353 88.12C108.543 86.968 108.137 85.4747 108.137 83.64C108.137 80.3547 109.375 77.7307 111.849 75.768C114.324 73.8054 117.609 72.824 121.705 72.824C124.095 72.824 126.356 73.208 128.489 73.976C130.623 74.7014 132.564 75.896 134.313 77.56L130.857 83C127.572 80.44 124.393 79.16 121.321 79.16C119.956 79.16 118.74 79.416 117.673 79.928C116.649 80.44 116.137 81.336 116.137 82.616C116.137 83.8107 116.628 84.664 117.609 85.176C118.633 85.688 120.169 86.2427 122.217 86.84C124.863 87.6507 127.103 88.44 128.937 89.208C130.815 89.976 132.223 90.9574 133.161 92.152C134.143 93.3467 134.633 94.968 134.633 97.016C134.633 100.344 133.417 102.947 130.985 104.824C128.553 106.701 125.289 107.64 121.193 107.64Z"
263 
+									fill="#A6D0D9"
264 
+								/>
265 
+								<path
266 
+									d="M156.018 107.64C152.392 107.64 149.256 106.851 146.61 105.272C144.008 103.693 141.981 101.603 140.53 99C139.08 96.3547 138.354 93.496 138.354 90.424C138.354 87.2667 139.058 84.3654 140.466 81.72C141.917 79.032 143.965 76.8987 146.61 75.32C149.256 73.6987 152.413 72.888 156.082 72.888C159.752 72.888 162.888 73.6987 165.49 75.32C168.093 76.8987 170.077 79.0107 171.442 81.656C172.85 84.2587 173.554 87.0747 173.554 90.104C173.554 91.2134 173.49 92.1734 173.362 92.984H147.442C147.656 95.5867 148.616 97.6347 150.322 99.128C152.072 100.621 154.077 101.368 156.338 101.368C158.045 101.368 159.645 100.963 161.138 100.152C162.674 99.2987 163.72 98.1894 164.274 96.824L171.634 98.872C170.397 101.432 168.413 103.544 165.682 105.208C162.952 106.829 159.73 107.64 156.018 107.64ZM147.25 87.544H164.786C164.53 85.0267 163.57 83 161.906 81.464C160.285 79.8854 158.301 79.096 155.954 79.096C153.65 79.096 151.666 79.8854 150.002 81.464C148.381 83 147.464 85.0267 147.25 87.544Z"
267 
+									fill="#A6D0D9"
268 
+								/>
269 
+								<path
270 
+									d="M230.875 107H222.299V88.184C222.299 85.5387 221.83 83.5974 220.891 82.36C219.995 81.08 218.736 80.44 217.115 80.44C215.408 80.44 213.808 81.1014 212.315 82.424C210.822 83.704 209.755 85.3894 209.115 87.48V107H200.539V88.184C200.539 85.496 200.07 83.5334 199.131 82.296C198.235 81.0587 196.976 80.44 195.355 80.44C193.691 80.44 192.091 81.08 190.555 82.36C189.062 83.64 187.995 85.3254 187.355 87.416V107H178.779V73.464H186.523V79.672C187.76 77.496 189.446 75.832 191.579 74.68C193.755 73.4854 196.23 72.888 199.003 72.888C201.776 72.888 203.931 73.5707 205.467 74.936C207.046 76.3014 208.048 77.9867 208.475 79.992C209.798 77.688 211.526 75.9387 213.659 74.744C215.792 73.5067 218.182 72.888 220.827 72.888C222.918 72.888 224.603 73.272 225.883 74.04C227.206 74.7654 228.23 75.768 228.955 77.048C229.68 78.2854 230.171 79.6934 230.427 81.272C230.726 82.8507 230.875 84.4507 230.875 86.072V107Z"
271 
+									fill="#A6D0D9"
272 
+								/>
273 
+								<path
274 
+									d="M257.413 107.64C254.853 107.64 252.571 107.064 250.565 105.912C248.56 104.76 246.981 103.181 245.829 101.176V107H238.341V60.28H246.917V79.352C248.112 77.3467 249.669 75.768 251.589 74.616C253.552 73.464 255.835 72.888 258.437 72.888C261.339 72.888 263.877 73.6987 266.053 75.32C268.272 76.8987 270 79.0107 271.237 81.656C272.475 84.3014 273.093 87.2027 273.093 90.36C273.093 93.6027 272.411 96.5254 271.045 99.128C269.68 101.731 267.803 103.8 265.413 105.336C263.067 106.872 260.4 107.64 257.413 107.64ZM255.045 100.344C256.88 100.344 258.48 99.896 259.845 99C261.253 98.104 262.341 96.9094 263.109 95.416C263.92 93.88 264.325 92.216 264.325 90.424C264.325 88.5894 263.941 86.904 263.173 85.368C262.448 83.7894 261.424 82.5307 260.101 81.592C258.779 80.6534 257.264 80.184 255.557 80.184C253.68 80.184 251.952 80.824 250.373 82.104C248.837 83.3414 247.685 84.8774 246.917 86.712V94.712C247.472 96.376 248.56 97.7414 250.181 98.808C251.803 99.832 253.424 100.344 255.045 100.344Z"
275 
+									fill="#A6D0D9"
276 
+								/>
277 
+								<path
278 
+									d="M278.84 60.28H287.416V96.248C287.416 97.8267 287.672 98.872 288.184 99.384C288.696 99.896 289.4 100.152 290.296 100.152C290.979 100.152 291.683 100.067 292.408 99.896C293.133 99.7254 293.773 99.512 294.328 99.256L295.48 105.784C294.328 106.339 292.984 106.765 291.448 107.064C289.912 107.363 288.525 107.512 287.288 107.512C284.6 107.512 282.509 106.808 281.016 105.4C279.565 103.949 278.84 101.901 278.84 99.256V60.28Z"
279 
+									fill="#A6D0D9"
280 
+								/>
281 
+								<path
282 
+									d="M314.768 107.64C311.142 107.64 308.006 106.851 305.36 105.272C302.758 103.693 300.731 101.603 299.28 99C297.83 96.3547 297.104 93.496 297.104 90.424C297.104 87.2667 297.808 84.3654 299.216 81.72C300.667 79.032 302.715 76.8987 305.36 75.32C308.006 73.6987 311.163 72.888 314.832 72.888C318.502 72.888 321.638 73.6987 324.24 75.32C326.843 76.8987 328.827 79.0107 330.192 81.656C331.6 84.2587 332.304 87.0747 332.304 90.104C332.304 91.2134 332.24 92.1734 332.112 92.984H306.192C306.406 95.5867 307.366 97.6347 309.072 99.128C310.822 100.621 312.827 101.368 315.088 101.368C316.795 101.368 318.395 100.963 319.888 100.152C321.424 99.2987 322.47 98.1894 323.024 96.824L330.384 98.872C329.147 101.432 327.163 103.544 324.432 105.208C321.702 106.829 318.48 107.64 314.768 107.64ZM306 87.544H323.536C323.28 85.0267 322.32 83 320.656 81.464C319.035 79.8854 317.051 79.096 314.704 79.096C312.4 79.096 310.416 79.8854 308.752 81.464C307.131 83 306.214 85.0267 306 87.544Z"
283 
+									fill="#A6D0D9"
284 
+								/>
285 
+								<path
286 
+									d="M354.568 89.912V61.112H363.144V89.912H354.568ZM354.568 107V97.336H363.144V107H354.568Z"
287 
+									fill="#A6D0D9"
288 
+								/>
289 
+							</svg>
290 
+						</i>
291 
+					</div>
292 
+					<ContactForm />
293 
+				</section>
200 294 
 			</div>
201 295 
 		</Layout>
202 296 
 	);

+ 0
- 21
src/pages/nous-contacter.jsx View File 

@@ -1,21 +0,0 @@
1 
-import React from "react";
2 
-
3 
-import Layout from "../components/layout";
4 
-import Seo from "../components/seo";
5 
-import ContactForm from "../components/contactForm";
6 
-
7 
-// import "../scss/nous-contacter.scss";
8 
-
9 
-const NousContacter = () => {
10 
-	return (
11 
-		<Layout>
12 
-			<Seo title="Nous contacter" />
13 
-			<div className="page-content">
14 
-				<h2 className="page-title">Travaillons ensemble !</h2>
15 
-				<ContactForm />
16 
-			</div>
17 
-		</Layout>
18 
-	);
19 
-};
20 
-
21 
-export default NousContacter;

+ 45
- 19
src/scss/index.scss View File 

@@ -17,7 +17,8 @@
17 17 
 	max-width: 85vw;
18 18 
 }
19 19
20 
-.parallax-1 {
20 
+.parallax-ethic,
21 
+.parallax-team {
21 22 
 	position: absolute;
22 23 
 	top: 50px;
23 24 
 	left: 50%;
 
@@ -27,33 +28,42 @@
27 28 
 	min-width: 70vw;
28 29 
 }
29 30
30 
-.parallax-2 {
31 
-	position: absolute;
32 
-	top: 30px;
33 
-	left: 50%;
34 
-	transform: translateX(-50%);
35 
-	z-index: -2;
36 
-	opacity: 0.5;
37 
-	width: 70vw;
31 
+@media screen and (min-width: 630px) {
32 
+	.parallax-ethic,
33 
+	.parallax-team {
34 
+		position: absolute;
35 
+		top: 50px;
36 
+		left: 50%;
37 
+		transform: translateX(-50%);
38 
+		z-index: -2;
39 
+		opacity: 0.5;
40 
+		min-width: 25rem;
41 
+	}
38 42 
 }
39 43
40 
-.parallax-3 {
44 
+.parallax-realisation,
45 
+.parallax-contact {
41 46 
 	position: absolute;
42 
-	top: 30px;
47 
+	top: 40px;
43 48 
 	left: 50%;
44 49 
 	transform: translateX(-50%);
45 50 
 	z-index: -2;
46 51 
 	opacity: 0.5;
47 
-	width: 70vw;
52 
+	min-width: 80vw;
48 53 
 }
49 54
50 
-.group-container {
51 
-	display: flex;
52 
-	flex-direction: column;
53 
-	align-items: flex-end;
54 
-	padding-top: 190px;
55 
+@media screen and (min-width: 630px) {
56 
+	.parallax-realisation,
57 
+	.parallax-contact {
58 
+		position: absolute;
59 
+		top: 40px;
60 
+		left: 50%;
61 
+		transform: translateX(-50%);
62 
+		z-index: -2;
63 
+		opacity: 0.5;
64 
+		min-width: 25rem;
65 
+	}
55 66 
 }
56 
-
57 67 
 .ethic {
58 68 
 	& > div:nth-child(2) {
59 69 
 		margin-top: 0;
 
@@ -64,6 +74,12 @@
64 74 
 	}
65 75 
 }
66 76
77 
+.group-container {
78 
+	display: flex;
79 
+	flex-direction: column;
80 
+	padding-top: 190px;
81 
+}
82 
+
67 83 
 .ethic-card-group {
68 84 
 	background-color: white;
69 85 
 	width: fit-content;
 
@@ -116,7 +132,7 @@
116 132 
 		width: 250px;
117 133 
 		height: 150px;
118 134 
 		text-align: center;
119 
-		margin: 3rem 2rem;
135 
+		margin: 2.5rem 2rem;
120 136 
 		border: 1px solid $primary;
121 137 
 		box-shadow: 0px 0px 9px 1px rgba($primary, $alpha: 0.2);
122 138 
 		background-color: white;
 
@@ -159,3 +175,13 @@
159 175 
 	margin-top: 3rem;
160 176 
 	padding-top: 110px;
161 177 
 }
178 
+
179 
+.contact {
180 
+	position: relative;
181 
+}
182 
+
183 
+.contact-form-container {
184 
+	position: absolute;
185 
+	left: 50%;
186 
+	transform: (-50%);
187 
+}

+ 0
- 5
src/scss/nous-contacter.scss View File 

@@ -1,5 +0,0 @@
1 
-.page-contact {
2 
-	display: flex;
3 
-	flex-direction: column;
4 
-	align-items: center;
5 
-}

Write Preview
Loading…
Cancel
Save