humbertoferro #1
9
assets/image/Logo-M3Academy 1.svg
Normal file
9
assets/image/Logo-M3Academy 1.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 19 KiB |
14
assets/image/bottom-card-image-01.svg
Normal file
14
assets/image/bottom-card-image-01.svg
Normal file
@ -0,0 +1,14 @@
|
||||
<svg width="104" height="104" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_59_990)">
|
||||
<path d="M103.987 22.5075C103.985 19.1036 101.215 16.3332 97.8102 16.3317L15.7284 16.3236H15.7255C14.077 16.3236 12.5271 16.9655 11.3616 18.131C10.1955 19.2972 9.55358 20.8478 9.55419 22.4974L9.5552 26.032L6.17419 26.0316H6.17134C4.52278 26.0316 2.97273 26.6734 1.80741 27.839C0.641266 29.0055 -0.000608942 30.5562 4.33492e-07 32.2057L0.0134067 81.4924C0.0146254 84.8964 2.78505 87.6668 6.18983 87.6682L88.2716 87.6761H88.2745C89.923 87.6761 91.4729 87.0343 92.6384 85.8687C93.8046 84.7026 94.4464 83.1519 94.4458 81.5024L94.4448 77.9678L97.8258 77.968H97.8287C99.4772 77.968 101.027 77.3261 102.193 76.1606C103.359 74.9944 104.001 73.4438 104 71.7942L103.987 22.5075ZM89.7656 82.9961C89.3673 83.3945 88.8377 83.6136 88.2743 83.6136C88.2737 83.6134 88.273 83.6134 88.2726 83.6136L6.19084 83.6057C5.02511 83.6051 4.07631 82.6565 4.07591 81.491L4.0625 32.2043C4.0623 31.6405 4.28167 31.1103 4.68 30.7118C5.07833 30.3134 5.60788 30.0943 6.17216 30.0943H6.17317L88.2548 30.1022C89.4205 30.1028 90.3693 31.0516 90.3697 32.2169L90.3831 81.5036C90.3833 82.0674 90.1641 82.5976 89.7656 82.9961ZM99.32 73.288C98.9217 73.6863 98.3921 73.9055 97.8279 73.9055H97.8268L94.4436 73.9053L94.4322 32.2157C94.431 28.8117 91.6604 26.0411 88.2558 26.0399L13.6177 26.0326L13.6167 22.4962C13.6165 21.9323 13.8359 21.4021 14.2342 21.0036C14.6325 20.6053 15.1621 20.3861 15.7263 20.3861H15.7272L97.809 20.394C98.9747 20.3946 99.9235 21.3432 99.9239 22.5088L99.9375 71.7954C99.9377 72.3593 99.7183 72.8895 99.32 73.288Z" fill="black"/>
|
||||
<path d="M78.2518 76.5467C78.2508 73.7487 80.518 71.4814 83.3159 71.4826L83.3104 42.2304C80.5124 42.2294 78.2432 39.9603 78.2422 37.1622H16.1941C16.1951 39.9603 13.9278 42.2276 11.1299 42.2263L11.1354 71.4785C13.9335 71.4796 16.2026 73.7487 16.2036 76.5467H78.2518Z" fill="#0336DB"/>
|
||||
<path d="M72.2577 54.9495H65.6194C64.4975 54.9495 63.5881 55.8591 63.5881 56.9808C63.5881 58.1024 64.4975 59.012 65.6194 59.012H72.2577C73.3796 59.012 74.289 58.1024 74.289 56.9808C74.289 55.8589 73.3796 54.9495 72.2577 54.9495Z" fill="white"/>
|
||||
<path d="M29.1089 54.9495H22.4706C21.3487 54.9495 20.4393 55.8591 20.4393 56.9808C20.4393 58.1024 21.3487 59.012 22.4706 59.012H29.1089C30.2308 59.012 31.1401 58.1024 31.1401 56.9808C31.1401 55.8589 30.2308 54.9495 29.1089 54.9495Z" fill="white"/>
|
||||
<path d="M51.7563 60.5843C52.5408 60.5843 53.1161 60.7407 53.4821 61.0535C53.8482 61.3664 54.0313 61.8357 54.0313 62.4614C54.0313 63.7475 53.2729 64.3906 51.7563 64.3906H42.6828C41.1662 64.3906 40.4079 63.7475 40.4079 62.4614C40.4079 61.8357 40.5909 61.3664 40.957 61.0535C41.3231 60.7407 41.8983 60.5843 42.6828 60.5843H44.8008V51.1726L42.7089 52.3979C42.4126 52.5717 42.1075 52.6587 41.7937 52.6587C41.3056 52.6587 40.8872 52.4501 40.5386 52.0329C40.1899 51.5984 40.0156 51.1205 40.0156 50.599C40.0156 49.8864 40.3207 49.3476 40.9308 48.9826L45.1146 46.558C45.8816 46.1235 46.6051 45.9062 47.2849 45.9062C47.9822 45.9062 48.5401 46.1148 48.9584 46.532C49.3942 46.9491 49.6121 47.514 49.6121 48.2266V60.5843H51.7563Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_59_990">
|
||||
<rect width="104" height="104" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
6
assets/image/bottom-card-image-02.svg
Normal file
6
assets/image/bottom-card-image-02.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="104" height="97" viewBox="0 0 104 97" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M72.8313 49.9584C83.4667 49.9584 92.0883 41.2539 92.0883 30.5162C92.0883 19.7786 83.4667 11.074 72.8313 11.074C62.1959 11.074 53.5742 19.7786 53.5742 30.5162C53.5742 41.2539 62.1959 49.9584 72.8313 49.9584Z" fill="#0336DB"/>
|
||||
<path d="M72.8313 61.0327C89.4979 61.0327 103.057 47.3431 103.057 30.5164C103.057 13.6896 89.4979 0 72.8313 0C56.1647 0 42.6055 13.6896 42.6055 30.5164C42.6055 47.3431 56.1647 61.0327 72.8313 61.0327ZM72.8313 4.10156C87.2576 4.10156 98.9946 15.9512 98.9946 30.5164C98.9946 45.0815 87.2578 56.9311 72.8313 56.9311C58.4049 56.9311 46.668 45.0815 46.668 30.5164C46.668 15.9512 58.4047 4.10156 72.8313 4.10156Z" fill="black"/>
|
||||
<path d="M69.42 35.6376C68.7161 34.7555 67.4377 34.6167 66.5638 35.3271C65.6902 36.0377 65.5527 37.3286 66.2563 38.2107C67.3761 39.614 68.9814 40.4114 70.5804 40.7934C70.6655 41.8469 71.5394 42.675 72.6048 42.675C73.6198 42.675 74.4609 41.9234 74.6118 40.9413C77.4727 40.4257 79.4801 38.5027 79.8094 35.8847C80.1921 32.8436 78.2382 29.9272 75.0581 28.7922C74.9133 28.7406 74.7727 28.6901 74.636 28.6407V24.6897C74.8052 24.7986 74.9314 24.9175 75.0114 25.0323C75.6553 25.9595 76.9222 26.1841 77.8409 25.5331C78.7593 24.8826 78.9813 23.6036 78.3367 22.6764C77.598 21.6131 76.3077 20.7109 74.6348 20.3393C74.5986 19.2387 73.7037 18.3577 72.6048 18.3577C71.4829 18.3577 70.5735 19.2758 70.5735 20.4084V20.4771C70.4488 20.5102 70.3233 20.5456 70.1969 20.5842C68.0645 21.2329 66.4554 23.3179 66.2837 25.655C66.1131 27.9775 67.3306 29.992 69.5404 31.044C69.7813 31.1589 70.1333 31.309 70.5733 31.4859V36.4853C70.1075 36.2737 69.7029 35.9921 69.42 35.6376ZM75.7792 35.3679C75.7036 35.9685 75.3008 36.4273 74.636 36.6992V33.1368C75.5283 33.7697 75.8676 34.6665 75.7792 35.3679ZM70.3355 25.9583C70.3548 25.6937 70.4417 25.4316 70.5737 25.2028V26.8065C70.3899 26.5659 70.3113 26.2846 70.3355 25.9583Z" fill="white"/>
|
||||
<path d="M103.992 69.7546C103.885 67.2652 102.741 65.1246 100.772 63.7274C97.5268 61.4246 93.1466 61.8245 90.3563 64.6779C90.2669 64.7694 90.1861 64.8691 90.1152 64.9759L85.659 71.6789C84.4114 68.7059 81.5128 66.6173 78.1452 66.6173L46.0856 66.5956H46.0842C45.5979 66.5956 45.1281 66.7716 44.7596 67.0917L36.728 74.0678H30.8669V72.2654C30.8669 71.1328 29.9573 70.2146 28.8356 70.2146H19.892V69.9341C19.892 68.8014 18.9824 67.8833 17.8608 67.8833H2.03125C0.909391 67.8833 0 68.8014 0 69.9341V93.9852C0 95.1179 0.909391 96.036 2.03125 96.036H17.8608C18.9824 96.036 19.892 95.1179 19.892 93.9852V93.7047H28.8354C29.9571 93.7047 30.8667 92.7865 30.8667 91.6539V89.7602H37.6017L43.6861 96.2721C44.0702 96.683 44.6048 96.9156 45.1636 96.9156C45.1732 96.9156 45.1827 96.9156 45.1923 96.9154L87.1404 96.3213C87.7949 96.312 88.4049 95.9849 88.7788 95.4427L102.107 76.1194C102.115 76.1073 102.124 76.095 102.132 76.0829C103.422 74.1234 104.083 71.876 103.992 69.7546ZM15.8295 91.9344H4.0625V71.9849H15.8295V91.9344ZM26.8042 89.6033H19.892V74.3162H26.8042V89.6033ZM98.7604 73.7943L86.0409 92.2351L46.0285 92.8017L39.9559 86.3024C39.572 85.8916 39.0376 85.6588 38.4784 85.6588H30.8669V78.1694H37.4816C37.9679 78.1694 38.4378 77.9934 38.8062 77.6733L46.8372 70.6978L78.1438 70.7191C80.4081 70.7191 82.2502 72.6132 82.2502 74.9415C82.2502 77.2695 80.4082 79.1634 78.1438 79.1634C78.1385 79.1634 78.1332 79.1636 78.128 79.1636H60.6105C60.0531 79.1636 59.5201 79.3949 59.1364 79.8035L54.863 84.3541C54.0912 85.1761 54.1255 86.474 54.9396 87.2533C55.3325 87.6292 55.835 87.8159 56.3367 87.8159C56.8748 87.8159 57.4119 87.6014 57.8112 87.176L61.4837 83.2652L81.7651 83.266H81.7657C82.4426 83.266 83.0751 82.9256 83.4523 82.3581L93.3713 67.4385C94.7653 66.1268 96.8681 65.9701 98.4362 67.0833C100.553 68.5851 100.202 71.5921 98.7604 73.7943Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
7
assets/image/bottom-card-image-03.svg
Normal file
7
assets/image/bottom-card-image-03.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg width="104" height="86" viewBox="0 0 104 86" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M45.8327 53.512V34.6035C45.8327 33.4816 44.9233 32.5722 43.8015 32.5722H38.1581V31.5101C38.1581 27.7803 35.1077 24.7456 31.3585 24.7456C27.6092 24.7456 24.559 27.7801 24.559 31.5101V32.5722H18.95C17.8281 32.5722 16.9187 33.4816 16.9187 34.6035V53.512C16.9187 57.0242 19.7761 59.8816 23.2883 59.8816H39.4633C42.9754 59.8816 45.8327 57.0242 45.8327 53.512ZM28.6217 31.5103C28.6217 30.0204 29.8496 28.8083 31.3587 28.8083C32.8679 28.8083 34.0958 30.0204 34.0958 31.5103V32.5724H28.6217V31.5103ZM20.9812 53.512V36.6347H24.5592V38.67C24.5592 39.7917 25.4686 40.7013 26.5905 40.7013C27.7124 40.7013 28.6217 39.7917 28.6217 38.67V36.6347H34.0958V38.67C34.0958 39.7917 35.0052 40.7013 36.127 40.7013C37.2489 40.7013 38.1583 39.7917 38.1583 38.67V36.6347H41.7704V53.512C41.7704 54.7841 40.7355 55.8191 39.4635 55.8191H23.2883C22.0161 55.8191 20.9812 54.7841 20.9812 53.512Z" fill="black"/>
|
||||
<path d="M101.969 66.9619H100.063V8.39056C100.063 3.82675 96.3499 0.113831 91.7861 0.113831H12.2139C7.65009 0.113831 3.93717 3.82675 3.93717 8.39056V66.9619H2.03125C0.909391 66.9619 0 67.8715 0 68.9931V76.5912C0 81.7165 4.16955 85.8862 9.2948 85.8862H94.705C99.8302 85.8862 104 81.7167 104 76.5912V68.9931C104 67.8713 103.091 66.9619 101.969 66.9619ZM12.2139 4.17633H91.7861C94.1098 4.17633 96.0003 6.06681 96.0003 8.39056V14.0448H7.99967V8.39056C7.99967 6.06681 9.89016 4.17633 12.2139 4.17633ZM7.99967 18.1073H96.0003V66.9619H66.7028C65.5809 66.9619 64.6715 67.8715 64.6715 68.9931C64.6715 70.2905 63.6161 71.3459 62.3187 71.3459H41.6812C40.3839 71.3459 39.3285 70.2905 39.3285 68.9931C39.3285 67.8715 38.4191 66.9619 37.2972 66.9619H7.99967V18.1073ZM99.9375 76.5912C99.9375 79.4764 97.5902 81.8237 94.7052 81.8237H9.2948C6.40961 81.8237 4.0625 79.4764 4.0625 76.5912V71.0244H35.5954C36.4471 73.5691 38.8533 75.4084 41.681 75.4084H62.3187C65.1465 75.4084 67.5529 73.5691 68.4044 71.0244H99.9375V76.5912Z" fill="black"/>
|
||||
<path d="M50.859 10.902H53.1409C54.2628 10.902 55.1722 9.99244 55.1722 8.87079C55.1722 7.74913 54.2628 6.83954 53.1409 6.83954H50.859C49.7372 6.83954 48.8278 7.74913 48.8278 8.87079C48.8278 9.99244 49.7372 10.902 50.859 10.902Z" fill="black"/>
|
||||
<path d="M55.3624 46.2268H87.9032V56.4397H55.3624V46.2268Z" fill="#0336DB"/>
|
||||
<path d="M55.3624 28.4568H87.9032V38.6698H55.3624V28.4568Z" fill="#0336DB"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
6
assets/image/bottom-card-image-04.svg
Normal file
6
assets/image/bottom-card-image-04.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="86" height="104" viewBox="0 0 86 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M62.8503 69.9238C62.1676 69.9238 61.492 69.8935 60.8245 69.8346V83.7216H4.66959V17.1732H60.8245V28.4152C61.492 28.3563 62.1676 28.326 62.8503 28.326C63.5329 28.326 64.2085 28.3563 64.876 28.4152V9.77092C64.876 4.38323 60.4883 0 55.095 0H10.3991C5.00586 0 0.618164 4.38323 0.618164 9.77092V94.2108C0.618164 99.6086 4.99755 104 10.3807 104H55.1135C60.4966 104 64.876 99.6086 64.876 94.2108V69.8346C64.2087 69.8937 63.5329 69.9238 62.8503 69.9238ZM4.66959 9.77092C4.66959 6.62309 7.23981 4.0625 10.3991 4.0625H55.095C58.2543 4.0625 60.8245 6.62309 60.8245 9.77092V13.1107H4.66959V9.77092ZM60.8245 94.2108C60.8245 97.3686 58.2626 99.9375 55.1135 99.9375H10.3807C7.23171 99.9375 4.66959 97.3686 4.66959 94.2108V87.7841H60.8245V94.2108Z" fill="black"/>
|
||||
<path d="M31.3966 95.8921H34.0975C35.2163 95.8921 36.1232 94.9825 36.1232 93.8608C36.1232 92.739 35.2163 91.8296 34.0975 91.8296H31.3966C30.2778 91.8296 29.3709 92.739 29.3709 93.8608C29.3709 94.9825 30.2778 95.8921 31.3966 95.8921Z" fill="black"/>
|
||||
<path d="M62.8502 26.2947C50.2758 26.2947 40.0824 36.5162 40.0824 49.125C40.0824 54.1306 41.689 58.7596 44.4132 62.5225L40.0824 71.2623L52.6667 69.5496C55.731 71.0887 59.1897 71.955 62.8502 71.955C75.4246 71.955 85.6182 61.7335 85.6182 49.125C85.6182 36.5164 75.4246 26.2947 62.8502 26.2947Z" fill="#0336DB"/>
|
||||
<path d="M65.0226 55.0342H64.8759V47.5356H65.0226C66.1414 47.5356 67.0483 46.6261 67.0483 45.5044C67.0483 44.3827 66.1414 43.4731 65.0226 43.4731H60.6781C59.5593 43.4731 58.6523 44.3827 58.6523 45.5044C58.6523 46.6261 59.5593 47.5356 60.6781 47.5356H60.8247V55.0342H60.6781C59.5593 55.0342 58.6523 55.9438 58.6523 57.0655C58.6523 58.1871 59.5593 59.0967 60.6781 59.0967H65.0226C66.1414 59.0967 67.0483 58.1871 67.0483 57.0655C67.0483 55.9438 66.1414 55.0342 65.0226 55.0342Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
3
assets/image/facebook-icon.svg
Normal file
3
assets/image/facebook-icon.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.9993 0.0049936L14.887 0C11.3905 0 9.13087 2.31828 9.13087 5.90643V8.62969H6.00163C5.73123 8.62969 5.51226 8.84891 5.51226 9.11932V13.065C5.51226 13.3354 5.73148 13.5544 6.00163 13.5544H9.13087V23.5106C9.13087 23.781 9.34984 24 9.62025 24H13.703C13.9734 24 14.1924 23.7808 14.1924 23.5106V13.5544H17.8512C18.1216 13.5544 18.3406 13.3354 18.3406 13.065L18.3421 9.11932C18.3421 8.98948 18.2904 8.86514 18.1988 8.77326C18.1071 8.68138 17.9823 8.62969 17.8525 8.62969H14.1924V6.32115C14.1924 5.21157 14.4568 4.64829 15.9022 4.64829L17.9988 4.64755C18.2689 4.64755 18.4879 4.42833 18.4879 4.15817V0.494367C18.4879 0.224462 18.2692 0.00549296 17.9993 0.0049936Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 787 B |
5
assets/image/icon-instagram.svg
Normal file
5
assets/image/icon-instagram.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.3766 0H6.62295C2.97106 0 0 3.095 0 6.89905V18.1008C0 21.905 2.97106 24.9999 6.62295 24.9999H17.3766C21.0288 24.9999 23.9999 21.9049 23.9999 18.1008V6.89905C24 3.095 21.0288 0 17.3766 0ZM21.8706 18.1008C21.8706 20.6819 19.8547 22.7817 17.3768 22.7817H6.62295C4.1452 22.7819 2.12938 20.6819 2.12938 18.1008V6.89905C2.12938 4.31806 4.1452 2.21811 6.62295 2.21811H17.3766C19.8545 2.21811 21.8705 4.31806 21.8705 6.89905V18.1008H21.8706Z" fill="white"/>
|
||||
<path d="M11.9999 6.05847C8.58992 6.05847 5.81576 8.94822 5.81576 12.5003C5.81576 16.0522 8.58992 18.9418 11.9999 18.9418C15.4099 18.9418 18.1841 16.0522 18.1841 12.5003C18.1841 8.94822 15.4099 6.05847 11.9999 6.05847ZM11.9999 16.7236C9.7642 16.7236 7.94514 14.829 7.94514 12.5002C7.94514 10.1711 9.76406 8.27643 11.9999 8.27643C14.2358 8.27643 16.0547 10.1711 16.0547 12.5002C16.0547 14.829 14.2356 16.7236 11.9999 16.7236Z" fill="white"/>
|
||||
<path d="M18.4435 4.17761C18.0333 4.17761 17.6303 4.35062 17.3405 4.65377C17.0494 4.95543 16.882 5.37539 16.882 5.80422C16.882 6.23173 17.0495 6.65154 17.3405 6.95468C17.6301 7.25635 18.0333 7.43084 18.4435 7.43084C18.8552 7.43084 19.2569 7.25635 19.548 6.95468C19.839 6.65154 20.0051 6.23158 20.0051 5.80422C20.0051 5.37539 19.839 4.95543 19.548 4.65377C19.2584 4.35062 18.8552 4.17761 18.4435 4.17761Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/image/image-desktop01.png
Normal file
BIN
assets/image/image-desktop01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
BIN
assets/image/image-desktop02.png
Normal file
BIN
assets/image/image-desktop02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 212 KiB |
BIN
assets/image/image-desktop03.png
Normal file
BIN
assets/image/image-desktop03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
BIN
assets/image/image-oculos-completo.png
Normal file
BIN
assets/image/image-oculos-completo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 245 KiB |
BIN
assets/image/image-oculos-cortado.png
Normal file
BIN
assets/image/image-oculos-cortado.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 356 KiB |
5
assets/image/ins.svg
Normal file
5
assets/image/ins.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.3766 0H6.62295C2.97106 0 0 3.095 0 6.89906V18.1008C0 21.905 2.97106 24.9999 6.62295 24.9999H17.3766C21.0288 24.9999 23.9999 21.9049 23.9999 18.1008V6.89906C24 3.095 21.0288 0 17.3766 0ZM21.8706 18.1008C21.8706 20.6819 19.8547 22.7817 17.3768 22.7817H6.62295C4.1452 22.7819 2.12938 20.6819 2.12938 18.1008V6.89906C2.12938 4.31806 4.1452 2.21811 6.62295 2.21811H17.3766C19.8545 2.21811 21.8705 4.31806 21.8705 6.89906V18.1008H21.8706Z" fill="white"/>
|
||||
<path d="M11.9999 6.05847C8.58992 6.05847 5.81576 8.94822 5.81576 12.5003C5.81576 16.0522 8.58992 18.9418 11.9999 18.9418C15.4099 18.9418 18.1841 16.0522 18.1841 12.5003C18.1841 8.94822 15.4099 6.05847 11.9999 6.05847ZM11.9999 16.7236C9.7642 16.7236 7.94514 14.829 7.94514 12.5002C7.94514 10.1711 9.76406 8.27643 11.9999 8.27643C14.2358 8.27643 16.0547 10.1711 16.0547 12.5002C16.0547 14.829 14.2356 16.7236 11.9999 16.7236Z" fill="white"/>
|
||||
<path d="M18.4435 4.17761C18.0333 4.17761 17.6303 4.35062 17.3405 4.65377C17.0494 4.95543 16.882 5.37539 16.882 5.80422C16.882 6.23173 17.0495 6.65154 17.3405 6.95468C17.6301 7.25635 18.0333 7.43084 18.4435 7.43084C18.8552 7.43084 19.2569 7.25635 19.548 6.95468C19.839 6.65154 20.0051 6.23158 20.0051 5.80422C20.0051 5.37539 19.839 4.95543 19.548 4.65377C19.2584 4.35062 18.8552 4.17761 18.4435 4.17761Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/image/main-banner-desktop.png
Normal file
BIN
assets/image/main-banner-desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
assets/image/main-banner-mobile.png
Normal file
BIN
assets/image/main-banner-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 331 KiB |
13
assets/image/top-card-image-01.svg
Normal file
13
assets/image/top-card-image-01.svg
Normal file
@ -0,0 +1,13 @@
|
||||
<svg width="103" height="103" viewBox="0 0 103 103" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_59_964)">
|
||||
<path d="M73.2652 54.4426H96.068V75.7642H73.2652V54.4426Z" fill="#0336DB"/>
|
||||
<path d="M6.93198 54.4426H29.7348V75.7642H6.93198V54.4426Z" fill="#0336DB"/>
|
||||
<path d="M40.8369 54.4426H62.1631V89.3342H40.8369V54.4426Z" fill="#0336DB"/>
|
||||
<path d="M95.3669 10.9888H7.63306C3.42415 10.9888 0 14.4131 0 18.6219V33.3092C0 37.012 1.97169 40.2627 4.92026 42.067V89.9995C4.92026 91.1105 5.82091 92.0112 6.93198 92.0112H96.068C97.1791 92.0112 98.0797 91.1105 98.0797 89.9995V42.067C101.028 40.2627 103 37.012 103 33.3092V18.6219C103 14.4131 99.5757 10.9888 95.3669 10.9888V10.9888ZM82.4805 33.3092C82.4805 36.7479 79.683 39.5453 76.2441 39.5453C72.8053 39.5453 70.0078 36.7479 70.0078 33.3092V15.0122H82.4805V33.3092ZM65.9844 33.3092C65.9844 36.7479 63.1869 39.5453 59.748 39.5453C56.3092 39.5453 53.5117 36.7479 53.5117 33.3092V15.0122H65.9844V33.3092ZM49.4883 33.3092C49.4883 36.7479 46.6908 39.5453 43.252 39.5453C39.8131 39.5453 37.0156 36.7479 37.0156 33.3092V15.0122H49.4883V33.3092ZM32.9922 33.3092C32.9922 36.7479 30.1947 39.5453 26.7559 39.5453C23.317 39.5453 20.5195 36.7479 20.5195 33.3092V15.0122H32.9922V33.3092ZM4.02344 18.6219C4.02344 16.6315 5.64287 15.0122 7.63306 15.0122H16.4961V33.3092C16.4961 36.7479 13.6986 39.5453 10.2598 39.5453C6.82093 39.5453 4.02344 36.7479 4.02344 33.3092V18.6219ZM94.0563 87.9877H8.9437V43.4849C9.37461 43.5402 9.81397 43.569 10.2598 43.569C13.6362 43.569 16.6371 41.9294 18.5078 39.4047C20.3785 41.9294 23.3794 43.569 26.7559 43.569C30.1323 43.569 33.1332 41.9294 35.0039 39.4047C36.8746 41.9294 39.8755 43.569 43.252 43.569C46.6284 43.569 49.6293 41.9294 51.5 39.4047C53.3707 41.9294 56.3716 43.569 59.748 43.569C63.1245 43.569 66.1254 41.9294 67.9961 39.4047C69.8668 41.9294 72.8677 43.569 76.2441 43.569C79.6206 43.569 82.6215 41.9294 84.4922 39.4047C86.3629 41.9294 89.3638 43.569 92.7402 43.569C93.186 43.569 93.6254 43.5404 94.0563 43.4849V87.9877ZM98.9766 33.3092C98.9766 36.7479 96.1791 39.5453 92.7402 39.5453C89.3014 39.5453 86.5039 36.7479 86.5039 33.3092V15.0122H95.3669C97.3573 15.0122 98.9766 16.6315 98.9766 18.6219V33.3092Z" fill="black"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_59_964">
|
||||
<rect width="103" height="103" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
5
assets/image/top-card-image-02.svg
Normal file
5
assets/image/top-card-image-02.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="100" height="103" viewBox="0 0 100 103" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M62.7912 95.3056H17.2303V26.7631H27.9V37.1243C27.9 38.2353 28.7919 39.136 29.8922 39.136C30.9923 39.136 31.8844 38.2353 31.8844 37.1243V26.7631H59.2063V37.1243C59.2063 38.2353 60.0984 39.136 61.1984 39.136C62.2985 39.136 63.1906 38.2353 63.1906 37.1243V26.7631H73.5273V48.0779H77.5117V24.7514C77.5117 23.6403 76.6196 22.7397 75.5195 22.7397H63.1906V17.7287C63.1906 7.95313 55.2751 0 45.5454 0C43.3154 0 41.1805 0.417834 39.2145 1.17967C37.2484 0.417834 35.1135 0 32.8835 0C23.1536 0 15.2381 7.95313 15.2381 17.7287V22.7395H2.90923C1.80914 22.7395 0.917042 23.6401 0.917042 24.7512V89.7613C0.917042 95.0368 5.17415 99.3288 10.4068 99.3288H68.8044C66.8365 98.2564 64.7517 96.925 62.7912 95.3056ZM45.5454 4.02344C53.0781 4.02344 59.2063 10.1717 59.2063 17.7287V22.7395H50.5287V17.7287C50.5287 12.2528 48.045 7.34901 44.1501 4.09425C44.6089 4.04758 45.0745 4.02344 45.5454 4.02344ZM39.2145 5.58614C43.5682 7.8801 46.5445 12.4624 46.5445 17.7289V22.7397H31.8844V17.7287C31.8844 12.4622 34.8607 7.8801 39.2145 5.58614ZM19.2225 17.7287C19.2225 10.1717 25.3508 4.02344 32.8835 4.02344C33.3544 4.02344 33.8198 4.04738 34.2786 4.09445C30.3837 7.34901 27.8998 12.253 27.8998 17.7289V22.7397H19.2223V17.7287H19.2225ZM13.2459 95.3056H10.4068C7.37113 95.3056 4.90142 92.8185 4.90142 89.7615V26.7631H13.2459V95.3056Z" fill="black"/>
|
||||
<path d="M92.7992 54.7375C86.7766 54.7375 81.5819 51.191 79.165 46.0659H72.082C69.6651 51.1908 64.4705 54.7375 58.4479 54.7375C56.2051 54.7375 54.0772 54.2452 52.1641 53.3635V78.4196C52.1641 96.7462 75.6235 103 75.6235 103C75.6235 103 99.0829 96.7462 99.0829 78.4196V53.3635C97.1698 54.2452 95.0418 54.7375 92.7992 54.7375Z" fill="#0336DB"/>
|
||||
<path d="M74.8531 81.6054C74.328 81.6054 73.8228 81.3957 73.4487 81.0201L69.1192 76.673C68.3389 75.8895 68.3353 74.6158 69.1113 73.828C69.8868 73.0401 71.1483 73.0364 71.9286 73.82L74.7249 76.6276L81.99 67.9301C82.6996 67.0807 83.9563 66.9733 84.7972 67.6895C85.6383 68.4059 85.745 69.6751 85.0354 70.5244L76.3762 80.891C76.0172 81.3207 75.4968 81.579 74.9406 81.6035C74.9113 81.6047 74.8824 81.6054 74.8531 81.6054Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
6
assets/image/top-card-image-03.svg
Normal file
6
assets/image/top-card-image-03.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="102" height="97" viewBox="0 0 102 97" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M71.4307 49.972C81.8615 49.972 90.3174 41.4332 90.3174 30.9001C90.3174 20.367 81.8615 11.8282 71.4307 11.8282C60.9998 11.8282 52.5439 20.367 52.5439 30.9001C52.5439 41.4332 60.9998 49.972 71.4307 49.972Z" fill="#0336DB"/>
|
||||
<path d="M71.4307 60.8353C87.7768 60.8353 101.075 47.4065 101.075 30.9003C101.075 14.3939 87.7768 0.965118 71.4307 0.965118C55.0846 0.965118 41.7861 14.3939 41.7861 30.9003C41.7861 47.4065 55.0846 60.8353 71.4307 60.8353ZM71.4307 4.98856C85.5796 4.98856 97.0909 16.6125 97.0909 30.9003C97.0909 45.1879 85.5798 56.8118 71.4307 56.8118C57.2818 56.8118 45.7705 45.1879 45.7705 30.9003C45.7705 16.6125 57.2816 4.98856 71.4307 4.98856V4.98856Z" fill="black"/>
|
||||
<path d="M68.085 35.9238C67.3947 35.0586 66.1408 34.9224 65.2837 35.6193C64.4269 36.3163 64.292 37.5827 64.9821 38.4479C66.0804 39.8246 67.6548 40.6067 69.2231 40.9815C69.3066 42.0149 70.1636 42.8272 71.2085 42.8272C72.204 42.8272 73.029 42.09 73.177 41.1265C75.9828 40.6208 77.9517 38.7344 78.2746 36.1662C78.6499 33.1831 76.7336 30.3222 73.6147 29.2089C73.4726 29.1582 73.3348 29.1087 73.2007 29.0602V25.1845C73.3666 25.2913 73.4904 25.408 73.5689 25.5206C74.2004 26.4301 75.4429 26.6504 76.344 26.0119C77.2446 25.3738 77.4624 24.1191 76.8303 23.2096C76.1057 22.1665 74.8403 21.2815 73.1995 20.917C73.164 19.8373 72.2863 18.9731 71.2085 18.9731C70.1082 18.9731 69.2163 19.8737 69.2163 20.9848V21.0522C69.094 21.0846 68.9709 21.1194 68.847 21.1572C66.7556 21.7935 65.1774 23.8388 65.009 26.1314C64.8417 28.4097 66.0358 30.3858 68.2031 31.4178C68.4394 31.5304 68.7846 31.6777 69.2161 31.8513V36.7555C68.7593 36.5479 68.3625 36.2717 68.085 35.9238V35.9238ZM74.3219 35.6593C74.2478 36.2485 73.8527 36.6985 73.2007 36.9653V33.4707C74.0759 34.0916 74.4086 34.9713 74.3219 35.6593V35.6593ZM68.9828 26.4289C69.0018 26.1694 69.087 25.9123 69.2165 25.6878V27.261C69.0362 27.025 68.9591 26.749 68.9828 26.4289Z" fill="white"/>
|
||||
<path d="M101.992 69.3911C101.887 66.9491 100.766 64.8492 98.8342 63.4786C95.6513 61.2197 91.3553 61.612 88.6187 64.4111C88.531 64.5008 88.4517 64.5986 88.3822 64.7034L84.0117 71.2787C82.7881 68.3623 79.9453 66.3136 76.6424 66.3136L45.1993 66.2922H45.198C44.721 66.2922 44.2602 66.4648 43.8988 66.7789L36.0217 73.6221H30.2733V71.854C30.2733 70.743 29.3812 69.8423 28.2811 69.8423H19.5095V69.5671C19.5095 68.456 18.6174 67.5554 17.5173 67.5554H1.99219C0.891902 67.5554 0 68.456 0 69.5671V93.1601C0 94.2712 0.891902 95.1719 1.99219 95.1719H17.5173C18.6174 95.1719 19.5095 94.2712 19.5095 93.1601V92.8849H28.2809C29.381 92.8849 30.2731 91.9843 30.2731 90.8732V89.0156H36.8786L42.846 95.4034C43.2227 95.8066 43.747 96.0347 44.2951 96.0347C44.3045 96.0347 44.3138 96.0347 44.3232 96.0345L85.4646 95.4517C86.1065 95.4426 86.7048 95.1218 87.0715 94.5899L100.143 75.6347C100.152 75.6228 100.16 75.6107 100.168 75.5988C101.433 73.6766 102.081 71.472 101.992 69.3911V69.3911ZM15.5251 91.1484H3.98438V71.5788H15.5251V91.1484ZM26.2887 88.8617H19.5095V73.8657H26.2887V88.8617ZM96.8611 73.3538L84.3863 91.4433L45.1434 91.9992L39.1875 85.6236C38.811 85.2207 38.2869 84.9924 37.7384 84.9924H30.2733V77.6456H36.7608C37.2378 77.6456 37.6986 77.473 38.0599 77.1589L45.9365 70.3163L76.641 70.3372C78.8617 70.3372 80.6685 72.1952 80.6685 74.4791C80.6685 76.7628 78.8619 78.6206 76.641 78.6206C76.6359 78.6206 76.6307 78.6208 76.6255 78.6208H59.4449C58.8982 78.6208 58.3755 78.8478 57.9992 79.2485L53.808 83.7125C53.051 84.5188 53.0846 85.792 53.8831 86.5565C54.2684 86.9252 54.7613 87.1083 55.2533 87.1083C55.7811 87.1083 56.3078 86.8979 56.6995 86.4806L60.3013 82.6443L80.1927 82.6451H80.1933C80.8571 82.6451 81.4775 82.3111 81.8474 81.7545L91.5757 67.119C92.9429 65.8324 95.0052 65.6787 96.5432 66.7706C98.6193 68.2438 98.275 71.1936 96.8611 73.3538V73.3538Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
BIN
assets/image/top-infocard-image.png
Normal file
BIN
assets/image/top-infocard-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
3
assets/image/youtube-icon.svg
Normal file
3
assets/image/youtube-icon.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M22.98 2.34C22.329 1.182 21.6225 0.969 20.184 0.888C18.747 0.7905 15.1335 0.75 12.003 0.75C8.8665 0.75 5.2515 0.7905 3.816 0.8865C2.3805 0.969 1.6725 1.1805 1.0155 2.34C0.345 3.4965 0 5.4885 0 8.9955C0 8.9985 0 9 0 9C0 9.003 0 9.0045 0 9.0045V9.0075C0 12.4995 0.345 14.5065 1.0155 15.651C1.6725 16.809 2.379 17.019 3.8145 17.1165C5.2515 17.2005 8.8665 17.25 12.003 17.25C15.1335 17.25 18.747 17.2005 20.1855 17.118C21.624 17.0205 22.3305 16.8105 22.9815 15.6525C23.658 14.508 24 12.501 24 9.009C24 9.009 24 9.0045 24 9.0015C24 9.0015 24 8.9985 24 8.997C24 5.4885 23.658 3.4965 22.98 2.34ZM9 13.5V4.5L16.5 9L9 13.5Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 743 B |
331
assets/style/main.css
Normal file
331
assets/style/main.css
Normal file
@ -0,0 +1,331 @@
|
||||
* {
|
||||
margin:0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body{
|
||||
font-family: 'Inter', sans-serif;
|
||||
color:#000000
|
||||
}
|
||||
.page-header{
|
||||
background: #000000;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
padding: 29px 0;
|
||||
}
|
||||
.header-logo{
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main-banner-desktop {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.main-banner-mobile {
|
||||
display: none;
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
.main-banner-desktop {
|
||||
display: none;
|
||||
}
|
||||
.main-banner-mobile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:1024px) {
|
||||
.top-infocard{
|
||||
padding: 65px 0 90px;
|
||||
flex-direction: column;
|
||||
|
||||
}
|
||||
|
||||
.top-infocard-subtitle{
|
||||
font-size: 20px;
|
||||
}
|
||||
.top-infocard-title{
|
||||
font-size: 28px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.top-infocard-test{
|
||||
margin: 0 0 66px
|
||||
}
|
||||
.top-infocard-image{
|
||||
max-width: 240px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.top-infocard{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 72px;
|
||||
flex-direction: column;
|
||||
padding: 84px 38px 179px;
|
||||
}
|
||||
.top-infocard-test{
|
||||
width: 40%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.top-infocard-subtitle{
|
||||
text-transform: uppercase;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
|
||||
}
|
||||
.top-infocard-description{
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
}
|
||||
.top-infocard-title{
|
||||
text-transform: uppercase;
|
||||
font-size: 48px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.top-infocard-title,
|
||||
.top-infocard-subtitle{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.top-cards{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, max-content);
|
||||
justify-content: center;
|
||||
padding: 178px 0 80px 0;
|
||||
}
|
||||
.top-card{
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 26px 26px 34px;
|
||||
|
||||
|
||||
}
|
||||
.top-card-image{
|
||||
display: block;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
.top-card-description{
|
||||
max-width: 300px;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@media screen and (max-width:1024px){
|
||||
.top-cards{
|
||||
grid-template-columns: 1fr;
|
||||
padding: 90px 32px 80px;
|
||||
}
|
||||
.card-dentro{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: 1fr 1fr 1fr;
|
||||
gap: 16px 0px;
|
||||
grid-auto-flow: column dense;
|
||||
grid-template-areas:
|
||||
"card-desktop card-02 card-desktop card-01"
|
||||
"card-desktop card-03 card-desktop card-03"
|
||||
}
|
||||
.texto-imagem{
|
||||
grid-template-areas:
|
||||
"bottom-banner bottom-banner-mobile""bottom-text"
|
||||
}
|
||||
}
|
||||
|
||||
.texto-imagem{
|
||||
grid-template-areas: "bottom-text" "bottom-banner bottom-banner-desktop";
|
||||
}
|
||||
|
||||
.cards-desktop{
|
||||
padding: 0 72px;
|
||||
margin: 80px 0 190px;
|
||||
background-color: #E0E0E0;
|
||||
}
|
||||
.card-dentro{
|
||||
align-items: center;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
gap: 40px;
|
||||
transform: translateY(4rem);
|
||||
grid-template-areas:
|
||||
"card-desktop card-01 card-desktop card-02 card-desktop card-03";
|
||||
}
|
||||
|
||||
.image-card-desktop{
|
||||
height: auto;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-02 {
|
||||
grid-row: 1;
|
||||
}
|
||||
.card-03{
|
||||
grid-column: initial;
|
||||
|
||||
}
|
||||
|
||||
.bottom-cards{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-template-areas: "bottom-card" "bottom-card" "bottom-card" "bottom-card" ;
|
||||
gap: 16px;
|
||||
justify-content: center;
|
||||
padding: 130px 0 108px 0;
|
||||
}
|
||||
.bottom-card{
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 35px 32px 65px;
|
||||
}
|
||||
.bottom-card-image{
|
||||
display: block;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.bottom-card-description {
|
||||
max-width: 368px;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.bottom-text{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.bottom-description{
|
||||
max-width: 600px;
|
||||
color: #000;
|
||||
}
|
||||
.bottom-subtitle{
|
||||
font-weight: 600;
|
||||
font-size: 32px;
|
||||
line-height: 39px;
|
||||
text-align: center;
|
||||
}
|
||||
.bottom-descriptions{
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px){
|
||||
.bottom-cards{
|
||||
grid-template-columns: 1fr;
|
||||
padding: 80px 24px 98px;
|
||||
}
|
||||
.texto-imagem{
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) and (max-width: 2048px){
|
||||
.bottom-cards{
|
||||
grid-template-columns: 1fr 1fr;
|
||||
padding: 80px 24px 98px;
|
||||
}
|
||||
.page-footer{
|
||||
padding-bottom: 26px;
|
||||
}
|
||||
.footer-text{
|
||||
max-width: 280px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.bottom-text{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bottom-description{
|
||||
max-width: 550px;
|
||||
}
|
||||
.bottom-subtitle{
|
||||
font-weight: 600;
|
||||
font-size: 32px;
|
||||
line-height: 39px;
|
||||
text-align: center;
|
||||
}
|
||||
.bottom-descriptions{
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.bottom-banner-desktop {
|
||||
display: block;
|
||||
width: 71%;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
|
||||
|
||||
}
|
||||
.bottom-banner-mobile{
|
||||
display: none;
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
.bottom-banner-desktop {
|
||||
display: none;
|
||||
}
|
||||
.bottom-banner-mobile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.bottom-text{
|
||||
display: flex;
|
||||
flex-direction: column-reverse
|
||||
}
|
||||
}
|
||||
|
||||
.page-footer{
|
||||
background-color: #000000;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 38px 0;
|
||||
}
|
||||
.footer-text{
|
||||
font-size: 10px;
|
||||
line-height: 12px;
|
||||
text-transform: uppercase;
|
||||
color: #BDBDBD;
|
||||
}
|
||||
.footer-icons {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.footer-icon {
|
||||
margin: 0 12px;
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
|
||||
.bottom-text{
|
||||
display: flex;
|
||||
flex-direction: column-reverse
|
||||
}
|
||||
}
|
||||
174
index.html
Normal file
174
index.html
Normal file
@ -0,0 +1,174 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-br">
|
||||
|
||||
<head>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Page M3 Academy</title>
|
||||
<link
|
||||
href="https: //fonts.googleapis.com/css2? família= Inter:wght@400;500 &family= Roboto+Mono:wght@100 & family= Shadows+Into+Light & display=swap"
|
||||
rel="stylesheet">
|
||||
<link
|
||||
href="https: //fonts.googleapis.com/css2? família= Inter:wght@600 &family= Roboto+Mono:wght@100 & display=swap"
|
||||
rel="stylesheet">
|
||||
<link rel="stylesheet" href="assets/style/main.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="page-header">
|
||||
<a href="/">
|
||||
<img class="header-logo" src="assets/image/Logo-M3Academy 1.svg" alt="Logo M3 Academy">
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<section>
|
||||
<img class="main-banner main-banner-desktop" src="assets/image/main-banner-desktop.png"
|
||||
alt="banner principal desktop" />
|
||||
<img class="main-banner main-banner-mobile" src="assets/image/main-banner-mobile.png"
|
||||
alt="banner principal mobile" />
|
||||
</section>
|
||||
<section class="top-infocard">
|
||||
<div class="top-infocard-test">
|
||||
<h2 class="top-infocard-subtitle">Lorem ipsum</h2>
|
||||
<h1 class="top-infocard-title">dolor sit amet</h1>
|
||||
<p class="top-infocard-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
|
||||
euismod
|
||||
enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit.
|
||||
Nulla suscipit magna dui. </p>
|
||||
</div>
|
||||
<img class="top-infocard-image" src="assets/image/top-infocard-image.png"
|
||||
alt="Banner do infocard do topo" />
|
||||
</section>
|
||||
|
||||
<section class="top-cards">
|
||||
<div class="top-card">
|
||||
<img class="top-card-image" src="assets/image/top-card-image-01.svg"
|
||||
alt="Imagem do primeiro card do topo" />
|
||||
<p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod
|
||||
enim
|
||||
non dui fringilla interdum. </p>
|
||||
</div>
|
||||
<div class="top-card">
|
||||
<img class="top-card-image" src="assets/image/top-card-image-02.svg"
|
||||
alt="Imagem do segundo card do topo" />
|
||||
<p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod
|
||||
enim
|
||||
non dui fringilla interdum. </p>
|
||||
</div>
|
||||
<div class="top-card">
|
||||
<img class="top-card-image" src="assets/image/top-card-image-03.svg"
|
||||
alt="Imagem do terceiro card do topo" />
|
||||
<p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod
|
||||
enim
|
||||
non dui fringilla interdum. </p>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<div class="cards-desktop">
|
||||
<div class="card-dentro">
|
||||
<div class="card-desktop card-01">
|
||||
<figure>
|
||||
<img class="image-card-desktop" src="assets/image/image-desktop01.png"
|
||||
alt="Imagem do primeiro card" />
|
||||
</figure>
|
||||
</div>
|
||||
<div class="card-desktop card-02">
|
||||
<figure>
|
||||
<img class="image-card-desktop" src="assets/image/image-desktop02.png"
|
||||
alt="Imagem do segundo card" />
|
||||
</figure>
|
||||
</div>
|
||||
<div class="card-desktop card-03">
|
||||
<figure>
|
||||
<img class="image-card-desktop" src="assets/image/image-desktop03.png"
|
||||
alt="Imagem do terceiro card" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="bottom-cards">
|
||||
<div class="bottom-card">
|
||||
<img class="bottom-card-image" src="assets/image/bottom-card-image-01.svg"
|
||||
alt="Imagem do primeiro card de baixo">
|
||||
<p class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod
|
||||
enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
|
||||
euismod
|
||||
enim non dui fringilla interdum. </p>
|
||||
</div>
|
||||
<div class="bottom-card">
|
||||
<img class="bottom-card-image" src="assets/image/bottom-card-image-02.svg"
|
||||
alt="Imagem do segundo card de baixo" />
|
||||
<p class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod
|
||||
enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
|
||||
euismod
|
||||
enim non dui fringilla interdum. </p>
|
||||
</div>
|
||||
<div class="bottom-card">
|
||||
<img class="bottom-card-image" src="assets/image/bottom-card-image-03.svg"
|
||||
alt="Imagem do terceiro card de baixo">
|
||||
<p class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod
|
||||
enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
|
||||
euismod enim non dui fringilla interdum. </p>
|
||||
</div>
|
||||
<div class="bottom-card">
|
||||
<img class="bottom-card-image" src="assets/image/bottom-card-image-04.svg"
|
||||
alt="Imagem do quarto card de baixo">
|
||||
<p class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod
|
||||
enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
|
||||
euismod enim non dui fringilla interdum. </p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="texto-imagem">
|
||||
<section class="bottom-text">
|
||||
<div class="bottom-description">
|
||||
<h2 class="bottom-subtitle">Lorem ipsum dolor sit amet</h2>
|
||||
<p class="bottom-descriptions">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
|
||||
vulputate
|
||||
sapien non libero faucibus interdum. In eget tincidunt ipsum. Quisque a tellus at lectus blandit
|
||||
tempor.
|
||||
Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis. Donec
|
||||
finibus
|
||||
turpis vitae lectus interdum rutrum vitae sed augue.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<img class="bottom-banner bottom-banner-desktop" src="assets/image/image-oculos-cortado.png"
|
||||
alt="banner secundário desktop" />
|
||||
<img class="bottom-banner bottom-banner-mobile" src="assets/image/image-oculos-completo.png"
|
||||
alt="banner secundário mobile" />
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
<ul class="footer-icons">
|
||||
<li class="footer-icon">
|
||||
<a href="https://www.instagram.com/m3.ecommerce/" target="_blank">
|
||||
<img src="assets/image/icon-instagram.svg" alt="Ícone do Instagram" />
|
||||
</a>
|
||||
</li>
|
||||
<li class="footer-icon">
|
||||
<a href="https://pt-br.facebook.com/digitalm3/" target="_blank">
|
||||
<img src="assets/image/facebook-icon.svg" alt="Ícone do Facebook" />
|
||||
</a>
|
||||
</li>
|
||||
<li class="footer-icon">
|
||||
<a href="https://www.youtube.com/channel/UCW4o86gZG_ceA8CmHltXeXA" target="_blank">
|
||||
<img src="assets/image/youtube-icon.svg" alt="Ícone do Youtube" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="footer-text">
|
||||
Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
|
||||
|
||||
</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user