index: added some titles
This commit is contained in:
Lou
parent
6366a0211a
commit
e424eddf01
4 changed files with 63 additions and 21 deletions
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
.item-card-image {
|
||||
height: auto;
|
||||
width: 80%;
|
||||
width: 50%;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
17
src/images/nosrealisations.svg
Normal file
17
src/images/nosrealisations.svg
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<svg width="945" height="224" viewBox="0 0 945 224" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M174.95 160.8C168.85 160.8 163.4 162 158.6 164.4C153.8 166.7 150.35 170.05 148.25 174.45V222H128.15V143.4H146.6V160.2C149.3 154.8 152.8 150.55 157.1 147.45C161.5 144.35 166.1 142.65 170.9 142.35C173 142.35 174.35 142.4 174.95 142.5V160.8Z" fill="#A6D0D9"/>
|
||||
<path d="M221.582 223.5C213.082 223.5 205.732 221.65 199.532 217.95C193.432 214.25 188.682 209.35 185.282 203.25C181.882 197.05 180.182 190.35 180.182 183.15C180.182 175.75 181.832 168.95 185.132 162.75C188.532 156.45 193.332 151.45 199.532 147.75C205.732 143.95 213.132 142.05 221.732 142.05C230.332 142.05 237.682 143.95 243.782 147.75C249.882 151.45 254.532 156.4 257.732 162.6C261.032 168.7 262.682 175.3 262.682 182.4C262.682 185 262.532 187.25 262.232 189.15H201.482C201.982 195.25 204.232 200.05 208.232 203.55C212.332 207.05 217.032 208.8 222.332 208.8C226.332 208.8 230.082 207.85 233.582 205.95C237.182 203.95 239.632 201.35 240.932 198.15L258.182 202.95C255.282 208.95 250.632 213.9 244.232 217.8C237.832 221.6 230.282 223.5 221.582 223.5ZM201.032 176.4H242.132C241.532 170.5 239.282 165.75 235.382 162.15C231.582 158.45 226.932 156.6 221.432 156.6C216.032 156.6 211.382 158.45 207.482 162.15C203.682 165.75 201.532 170.5 201.032 176.4ZM228.032 134.25L215.132 130.35L223.232 112.5H241.982L228.032 134.25Z" fill="#A6D0D9"/>
|
||||
<path d="M269.527 198.75C269.527 193.65 270.927 189.2 273.727 185.4C276.627 181.5 280.627 178.5 285.727 176.4C290.827 174.3 296.677 173.25 303.277 173.25C306.577 173.25 309.927 173.55 313.327 174.15C316.727 174.65 319.677 175.4 322.177 176.4V172.2C322.177 167.2 320.677 163.35 317.677 160.65C314.777 157.95 310.427 156.6 304.627 156.6C300.327 156.6 296.227 157.35 292.327 158.85C288.427 160.35 284.327 162.55 280.027 165.45L273.577 152.25C278.777 148.85 284.077 146.3 289.477 144.6C294.977 142.9 300.727 142.05 306.727 142.05C317.927 142.05 326.627 144.85 332.827 150.45C339.127 156.05 342.277 164.05 342.277 174.45V199.5C342.277 201.7 342.627 203.25 343.327 204.15C344.027 204.95 345.277 205.45 347.077 205.65V222C345.277 222.4 343.627 222.65 342.127 222.75C340.727 222.95 339.527 223.05 338.527 223.05C334.527 223.05 331.477 222.15 329.377 220.35C327.277 218.55 326.027 216.35 325.627 213.75L325.177 209.7C321.677 214.2 317.377 217.65 312.277 220.05C307.277 222.35 302.127 223.5 296.827 223.5C291.527 223.5 286.827 222.45 282.727 220.35C278.627 218.15 275.377 215.2 272.977 211.5C270.677 207.7 269.527 203.45 269.527 198.75ZM318.427 202.8C320.927 200.4 322.177 198.1 322.177 195.9V187.95C316.977 185.85 311.727 184.8 306.427 184.8C301.127 184.8 296.827 185.95 293.527 188.25C290.227 190.45 288.577 193.4 288.577 197.1C288.577 200.1 289.777 202.8 292.177 205.2C294.577 207.6 298.027 208.8 302.527 208.8C305.527 208.8 308.427 208.25 311.227 207.15C314.127 206.05 316.527 204.6 318.427 202.8Z" fill="#A6D0D9"/>
|
||||
<path d="M360.91 112.5H381.01V196.8C381.01 200.5 381.61 202.95 382.81 204.15C384.01 205.35 385.66 205.95 387.76 205.95C389.36 205.95 391.01 205.75 392.71 205.35C394.41 204.95 395.91 204.45 397.21 203.85L399.91 219.15C397.21 220.45 394.06 221.45 390.46 222.15C386.86 222.85 383.61 223.2 380.71 223.2C374.41 223.2 369.51 221.55 366.01 218.25C362.61 214.85 360.91 210.05 360.91 203.85V112.5Z" fill="#A6D0D9"/>
|
||||
<path d="M408.667 132.45V112.5H428.767V132.45H408.667ZM408.667 222V143.4H428.767V222H408.667Z" fill="#A6D0D9"/>
|
||||
<path d="M475.85 223.5C469.15 223.5 462.75 222.4 456.65 220.2C450.55 218 445.3 214.75 440.9 210.45L448.1 197.4C452.8 201.2 457.4 204 461.9 205.8C466.4 207.6 470.8 208.5 475.1 208.5C479 208.5 482.1 207.8 484.4 206.4C486.8 205 488 202.9 488 200.1C488 197.2 486.55 195.25 483.65 194.25C480.75 193.15 476.7 191.8 471.5 190.2C465.7 188.4 460.85 186.55 456.95 184.65C453.05 182.75 450.1 180.45 448.1 177.75C446.2 175.05 445.25 171.55 445.25 167.25C445.25 159.55 448.15 153.4 453.95 148.8C459.75 144.2 467.45 141.9 477.05 141.9C482.65 141.9 487.95 142.8 492.95 144.6C497.95 146.3 502.5 149.1 506.6 153L498.5 165.75C490.8 159.75 483.35 156.75 476.15 156.75C472.95 156.75 470.1 157.35 467.6 158.55C465.2 159.75 464 161.85 464 164.85C464 167.65 465.15 169.65 467.45 170.85C469.85 172.05 473.45 173.35 478.25 174.75C484.45 176.65 489.7 178.5 494 180.3C498.4 182.1 501.7 184.4 503.9 187.2C506.2 190 507.35 193.8 507.35 198.6C507.35 206.4 504.5 212.5 498.8 216.9C493.1 221.3 485.45 223.5 475.85 223.5Z" fill="#A6D0D9"/>
|
||||
<path d="M515.621 198.75C515.621 193.65 517.021 189.2 519.821 185.4C522.721 181.5 526.721 178.5 531.821 176.4C536.921 174.3 542.771 173.25 549.371 173.25C552.671 173.25 556.021 173.55 559.421 174.15C562.821 174.65 565.771 175.4 568.271 176.4V172.2C568.271 167.2 566.771 163.35 563.771 160.65C560.871 157.95 556.521 156.6 550.721 156.6C546.421 156.6 542.321 157.35 538.421 158.85C534.521 160.35 530.421 162.55 526.121 165.45L519.671 152.25C524.871 148.85 530.171 146.3 535.571 144.6C541.071 142.9 546.821 142.05 552.821 142.05C564.021 142.05 572.721 144.85 578.921 150.45C585.221 156.05 588.371 164.05 588.371 174.45V199.5C588.371 201.7 588.721 203.25 589.421 204.15C590.121 204.95 591.371 205.45 593.171 205.65V222C591.371 222.4 589.721 222.65 588.221 222.75C586.821 222.95 585.621 223.05 584.621 223.05C580.621 223.05 577.571 222.15 575.471 220.35C573.371 218.55 572.121 216.35 571.721 213.75L571.271 209.7C567.771 214.2 563.471 217.65 558.371 220.05C553.371 222.35 548.221 223.5 542.921 223.5C537.621 223.5 532.921 222.45 528.821 220.35C524.721 218.15 521.471 215.2 519.071 211.5C516.771 207.7 515.621 203.45 515.621 198.75ZM564.521 202.8C567.021 200.4 568.271 198.1 568.271 195.9V187.95C563.071 185.85 557.821 184.8 552.521 184.8C547.221 184.8 542.921 185.95 539.621 188.25C536.321 190.45 534.671 193.4 534.671 197.1C534.671 200.1 535.871 202.8 538.271 205.2C540.671 207.6 544.121 208.8 548.621 208.8C551.621 208.8 554.521 208.25 557.321 207.15C560.221 206.05 562.621 204.6 564.521 202.8Z" fill="#A6D0D9"/>
|
||||
<path d="M653.521 217.95C650.821 219.15 647.471 220.35 643.471 221.55C639.571 222.75 635.521 223.35 631.321 223.35C627.621 223.35 624.221 222.7 621.121 221.4C618.021 220.1 615.521 218.05 613.621 215.25C611.821 212.35 610.921 208.6 610.921 204V158.85H600.571V143.4H610.921V117.9H631.021V143.4H647.521V158.85H631.021V197.25C631.021 199.95 631.721 201.9 633.121 203.1C634.621 204.3 636.421 204.9 638.521 204.9C640.621 204.9 642.671 204.55 644.671 203.85C646.671 203.15 648.271 202.55 649.471 202.05L653.521 217.95Z" fill="#A6D0D9"/>
|
||||
<path d="M663.99 132.45V112.5H684.09V132.45H663.99ZM663.99 222V143.4H684.09V222H663.99Z" fill="#A6D0D9"/>
|
||||
<path d="M738.522 223.5C729.922 223.5 722.522 221.65 716.322 217.95C710.222 214.15 705.522 209.15 702.222 202.95C698.922 196.75 697.272 190.05 697.272 182.85C697.272 175.55 698.922 168.8 702.222 162.6C705.622 156.4 710.372 151.45 716.472 147.75C722.672 143.95 730.022 142.05 738.522 142.05C747.022 142.05 754.322 143.95 760.422 147.75C766.622 151.45 771.372 156.4 774.672 162.6C777.972 168.8 779.622 175.55 779.622 182.85C779.622 190.05 777.972 196.75 774.672 202.95C771.372 209.15 766.622 214.15 760.422 217.95C754.322 221.65 747.022 223.5 738.522 223.5ZM717.972 182.85C717.972 187.45 718.872 191.55 720.672 195.15C722.472 198.65 724.922 201.4 728.022 203.4C731.122 205.4 734.622 206.4 738.522 206.4C742.322 206.4 745.772 205.4 748.872 203.4C751.972 201.3 754.422 198.5 756.222 195C758.122 191.4 759.072 187.3 759.072 182.7C759.072 178.2 758.122 174.2 756.222 170.7C754.422 167.1 751.972 164.3 748.872 162.3C745.772 160.2 742.322 159.15 738.522 159.15C734.622 159.15 731.122 160.2 728.022 162.3C724.922 164.3 722.472 167.1 720.672 170.7C718.872 174.2 717.972 178.25 717.972 182.85Z" fill="#A6D0D9"/>
|
||||
<path d="M866.239 222H846.139V177.9C846.139 171.6 845.039 167 842.839 164.1C840.639 161.2 837.589 159.75 833.689 159.75C830.989 159.75 828.239 160.45 825.439 161.85C822.739 163.25 820.289 165.2 818.089 167.7C815.889 170.1 814.289 172.9 813.289 176.1V222H793.189V143.4H811.339V157.95C814.239 153.05 818.439 149.2 823.939 146.4C829.439 143.5 835.639 142.05 842.539 142.05C847.439 142.05 851.439 142.95 854.539 144.75C857.639 146.45 860.039 148.8 861.739 151.8C863.439 154.7 864.589 158 865.189 161.7C865.889 165.4 866.239 169.15 866.239 172.95V222Z" fill="#A6D0D9"/>
|
||||
<path d="M912.666 223.5C905.966 223.5 899.566 222.4 893.466 220.2C887.366 218 882.116 214.75 877.716 210.45L884.916 197.4C889.616 201.2 894.216 204 898.716 205.8C903.216 207.6 907.616 208.5 911.916 208.5C915.816 208.5 918.916 207.8 921.216 206.4C923.616 205 924.816 202.9 924.816 200.1C924.816 197.2 923.366 195.25 920.466 194.25C917.566 193.15 913.516 191.8 908.316 190.2C902.516 188.4 897.666 186.55 893.766 184.65C889.866 182.75 886.916 180.45 884.916 177.75C883.016 175.05 882.066 171.55 882.066 167.25C882.066 159.55 884.966 153.4 890.766 148.8C896.566 144.2 904.266 141.9 913.866 141.9C919.466 141.9 924.766 142.8 929.766 144.6C934.766 146.3 939.316 149.1 943.416 153L935.316 165.75C927.616 159.75 920.166 156.75 912.966 156.75C909.766 156.75 906.916 157.35 904.416 158.55C902.016 159.75 900.816 161.85 900.816 164.85C900.816 167.65 901.966 169.65 904.266 170.85C906.666 172.05 910.266 173.35 915.066 174.75C921.266 176.65 926.516 178.5 930.816 180.3C935.216 182.1 938.516 184.4 940.716 187.2C943.016 190 944.166 193.8 944.166 198.6C944.166 206.4 941.316 212.5 935.616 216.9C929.916 221.3 922.266 223.5 912.666 223.5Z" fill="#A6D0D9"/>
|
||||
<path d="M73.1999 80.9999H53.0999V36.8999C53.0999 30.5999 51.9999 25.9999 49.7999 23.0999C47.5999 20.1999 44.5499 18.7499 40.6499 18.7499C37.9499 18.7499 35.1999 19.4499 32.3999 20.8499C29.6999 22.2499 27.2499 24.1999 25.0499 26.6999C22.8499 29.0999 21.2499 31.8999 20.2499 35.0999V80.9999H0.149902V2.3999H18.2999V16.9499C21.1999 12.0499 25.3999 8.19991 30.8999 5.39991C36.3999 2.4999 42.5999 1.0499 49.4999 1.0499C54.3999 1.0499 58.3999 1.9499 61.4999 3.7499C64.5999 5.4499 66.9999 7.7999 68.6999 10.7999C70.3999 13.6999 71.5499 16.9999 72.1499 20.6999C72.8499 24.3999 73.1999 28.1499 73.1999 31.9499V80.9999Z" fill="#A6D0D9"/>
|
||||
<path d="M126.977 82.4999C118.377 82.4999 110.977 80.6499 104.777 76.9499C98.6772 73.1499 93.9772 68.1499 90.6772 61.9499C87.3772 55.7499 85.7272 49.0499 85.7272 41.8499C85.7272 34.5499 87.3772 27.7999 90.6772 21.5999C94.0772 15.3999 98.8272 10.4499 104.927 6.7499C111.127 2.9499 118.477 1.0499 126.977 1.0499C135.477 1.0499 142.777 2.9499 148.877 6.7499C155.077 10.4499 159.827 15.3999 163.127 21.5999C166.427 27.7999 168.077 34.5499 168.077 41.8499C168.077 49.0499 166.427 55.7499 163.127 61.9499C159.827 68.1499 155.077 73.1499 148.877 76.9499C142.777 80.6499 135.477 82.4999 126.977 82.4999ZM106.427 41.8499C106.427 46.4499 107.327 50.5499 109.127 54.1499C110.927 57.6499 113.377 60.3999 116.477 62.3999C119.577 64.3999 123.077 65.3999 126.977 65.3999C130.777 65.3999 134.227 64.3999 137.327 62.3999C140.427 60.2999 142.877 57.4999 144.677 53.9999C146.577 50.3999 147.527 46.2999 147.527 41.6999C147.527 37.1999 146.577 33.1999 144.677 29.6999C142.877 26.0999 140.427 23.2999 137.327 21.2999C134.227 19.1999 130.777 18.1499 126.977 18.1499C123.077 18.1499 119.577 19.1999 116.477 21.2999C113.377 23.2999 110.927 26.0999 109.127 29.6999C107.327 33.1999 106.427 37.2499 106.427 41.8499Z" fill="#A6D0D9"/>
|
||||
<path d="M210.594 82.4999C203.894 82.4999 197.494 81.3999 191.394 79.1999C185.294 76.9999 180.044 73.7499 175.644 69.4499L182.844 56.3999C187.544 60.1999 192.144 62.9999 196.644 64.7999C201.144 66.5999 205.544 67.4999 209.844 67.4999C213.744 67.4999 216.844 66.7999 219.144 65.3999C221.544 63.9999 222.744 61.8999 222.744 59.0999C222.744 56.1999 221.294 54.2499 218.394 53.2499C215.494 52.1499 211.444 50.7999 206.244 49.1999C200.444 47.3999 195.594 45.5499 191.694 43.6499C187.794 41.7499 184.844 39.4499 182.844 36.7499C180.944 34.0499 179.994 30.5499 179.994 26.2499C179.994 18.5499 182.894 12.3999 188.694 7.7999C194.494 3.1999 202.194 0.899902 211.794 0.899902C217.394 0.899902 222.694 1.7999 227.694 3.5999C232.694 5.29991 237.244 8.09991 241.344 11.9999L233.244 24.7499C225.544 18.7499 218.094 15.7499 210.894 15.7499C207.694 15.7499 204.844 16.3499 202.344 17.5499C199.944 18.7499 198.744 20.8499 198.744 23.8499C198.744 26.6499 199.894 28.6499 202.194 29.8499C204.594 31.0499 208.194 32.3499 212.994 33.7499C219.194 35.6499 224.444 37.4999 228.744 39.2999C233.144 41.0999 236.444 43.3999 238.644 46.1999C240.944 48.9999 242.094 52.7999 242.094 57.5999C242.094 65.3999 239.244 71.4999 233.544 75.8999C227.844 80.2999 220.194 82.4999 210.594 82.4999Z" fill="#A6D0D9"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -49,10 +49,9 @@ const IndexPage = () => {
|
|||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="parallax-ethic"></div>
|
||||
<div className="parallax-team"></div>
|
||||
</section>
|
||||
<section className="team">
|
||||
<div className="parallax-team"></div>
|
||||
<div className="team-card">
|
||||
<img src={Brooke} alt="member" className="member-picture" />
|
||||
<div className="member-details">
|
||||
|
|
@ -74,9 +73,9 @@ const IndexPage = () => {
|
|||
<h2 className="member-description">Administration</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="parallax-team"></div>
|
||||
<div className="parallax-made-by-us"></div>
|
||||
</section>
|
||||
<section className="services-list">
|
||||
{/* <section className="services-list">
|
||||
<div className="service-type">
|
||||
<div className="service-type-header">
|
||||
<p className="service-name">Développement web</p>
|
||||
|
|
@ -147,9 +146,8 @@ const IndexPage = () => {
|
|||
<span> ... et plus encore !</span>
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
<section className="page-section made-by-us">
|
||||
<h3 className="section-title">Nos réalisations</h3>
|
||||
</section> */}
|
||||
<section className="made-by-us">
|
||||
<div className="list-card">
|
||||
<RealisationCard
|
||||
cardName="pyHeatPump"
|
||||
|
|
|
|||
|
|
@ -6,15 +6,6 @@
|
|||
src: url(../fonts/SourceSerifPro-Bold.ttf);
|
||||
}
|
||||
|
||||
.index-made-by-us {
|
||||
.list-card {
|
||||
display: flex;
|
||||
// flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
section.services-list {
|
||||
width: 90vw;
|
||||
display: flex;
|
||||
|
|
@ -42,7 +33,7 @@ section.services-list {
|
|||
}
|
||||
|
||||
.service-type-image {
|
||||
max-height: 50%;
|
||||
max-height: 30%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
|
@ -83,7 +74,8 @@ section.services-list {
|
|||
|
||||
.parallax-ethic {
|
||||
background-image: url(../images/ethique.svg);
|
||||
min-height: 200px;
|
||||
min-height: 300px;
|
||||
width: 85vw;
|
||||
background-attachment: fixed;
|
||||
background-position: 50% 25%;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -97,9 +89,14 @@ section.services-list {
|
|||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
|
||||
margin: -40px;
|
||||
background-color: transparent;
|
||||
height: auto;
|
||||
max-width: 85vw;
|
||||
overflow: visible;
|
||||
|
||||
& > div:nth-child(2) {
|
||||
margin-top: 0;
|
||||
|
|
@ -112,7 +109,7 @@ section.services-list {
|
|||
|
||||
.ethic-card-group {
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
width: fit-content;
|
||||
display: flex;
|
||||
// flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -148,12 +145,14 @@ section.services-list {
|
|||
|
||||
.parallax-team {
|
||||
background-image: url(../images/lequipe.svg);
|
||||
min-height: 200px;
|
||||
min-height: 300px;
|
||||
width: 85vw;
|
||||
background-attachment: fixed;
|
||||
background-position: 50% 25%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 50%;
|
||||
opacity: 40%;
|
||||
margin: -10px;
|
||||
}
|
||||
|
||||
.team {
|
||||
|
|
@ -203,3 +202,31 @@ section.services-list {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.parallax-made-by-us {
|
||||
background-image: url(../images/nosrealisations.svg);
|
||||
min-height: 300px;
|
||||
width: 85vw;
|
||||
background-attachment: fixed;
|
||||
background-position: 50% 25%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 50%;
|
||||
opacity: 40%;
|
||||
margin: -40px -10px -10px -10px;
|
||||
}
|
||||
|
||||
.made-by-us {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
max-width: 85vw;
|
||||
background-color: transparent;
|
||||
height: auto;
|
||||
|
||||
.list-card {
|
||||
display: flex;
|
||||
// flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue