Feature: added infocard-image desktop/mobile
This commit is contained in:
parent
e295e3da24
commit
16b40a96db
15
Assets/SVG/Computer-image-desktop.svg
Normal file
15
Assets/SVG/Computer-image-desktop.svg
Normal file
@ -0,0 +1,15 @@
|
||||
<svg width="315" height="315" viewBox="0 0 315 315" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_59_1030)">
|
||||
<path d="M167.851 110.208H147.149V75.6683H167.851V110.208ZM266.492 275.752H245.79V310.292H266.492V275.752ZM69.2096 275.752H48.5082V310.292H69.2096V275.752Z" fill="#ADB8BC"/>
|
||||
<path d="M113.111 102.856H201.889C203.304 102.856 204.662 103.418 205.663 104.419C206.663 105.42 207.226 106.777 207.226 108.193V110.076C207.226 111.492 206.663 112.849 205.663 113.85C204.662 114.851 203.304 115.413 201.889 115.413H113.111C111.696 115.413 110.338 114.851 109.337 113.85C108.337 112.849 107.774 111.492 107.774 110.076V108.193C107.774 106.777 108.337 105.42 109.337 104.419C110.338 103.418 111.696 102.856 113.111 102.856ZM98.6411 3.68033V89.2582C98.6411 90.2343 99.0289 91.1704 99.7191 91.8606C100.409 92.5508 101.345 92.9385 102.321 92.9385H212.679C213.162 92.9385 213.64 92.8433 214.087 92.6584C214.533 92.4734 214.939 92.2023 215.281 91.8606C215.623 91.5188 215.894 91.1131 216.079 90.6666C216.264 90.2201 216.359 89.7415 216.359 89.2582V3.68033C216.359 3.19702 216.264 2.71845 216.079 2.27193C215.894 1.82541 215.623 1.41969 215.281 1.07794C214.939 0.736194 214.533 0.465103 214.087 0.280149C213.64 0.0951946 213.162 0 212.679 0L102.321 0C101.345 0 100.409 0.387748 99.7191 1.07794C99.0289 1.76814 98.6411 2.70425 98.6411 3.68033ZM206.415 308.276V310.16C206.415 311.575 206.978 312.933 207.978 313.933C208.979 314.934 210.337 315.496 211.752 315.496H300.53C301.946 315.496 303.303 314.934 304.304 313.933C305.305 312.933 305.867 311.575 305.867 310.16V308.276C305.867 306.861 305.305 305.503 304.304 304.503C303.303 303.502 301.946 302.94 300.53 302.94H211.752C210.337 302.94 208.979 303.502 207.978 304.503C206.978 305.503 206.415 306.861 206.415 308.276ZM197.282 203.764V289.342C197.282 289.825 197.377 290.304 197.562 290.75C197.747 291.197 198.018 291.602 198.36 291.944C198.702 292.286 199.108 292.557 199.554 292.742C200.001 292.927 200.479 293.022 200.963 293.022H311.32C312.296 293.022 313.232 292.634 313.922 291.944C314.612 291.254 315 290.318 315 289.342V203.764C315 203.28 314.905 202.802 314.72 202.355C314.535 201.909 314.264 201.503 313.922 201.161C313.58 200.82 313.175 200.549 312.728 200.364C312.282 200.179 311.803 200.083 311.32 200.083H200.963C200.479 200.083 200.001 200.179 199.554 200.364C199.108 200.549 198.702 200.82 198.36 201.161C198.018 201.503 197.747 201.909 197.562 202.355C197.377 202.802 197.282 203.28 197.282 203.764ZM9.13315 308.276V310.16C9.13315 311.575 9.6954 312.933 10.6962 313.933C11.697 314.934 13.0544 315.496 14.4697 315.496H103.248C103.949 315.496 104.643 315.358 105.29 315.09C105.938 314.822 106.526 314.429 107.022 313.933C107.517 313.438 107.91 312.85 108.178 312.202C108.447 311.555 108.585 310.861 108.585 310.16V308.276C108.585 306.861 108.022 305.503 107.022 304.503C106.021 303.502 104.663 302.94 103.248 302.94H14.4697C13.0544 302.94 11.697 303.502 10.6962 304.503C9.6954 305.503 9.13315 306.861 9.13315 308.276ZM0 203.764V289.342C0 290.318 0.387748 291.254 1.07794 291.944C1.76814 292.634 2.70425 293.022 3.68033 293.022H114.037C115.013 293.022 115.95 292.634 116.64 291.944C117.33 291.254 117.718 290.318 117.718 289.342V203.764C117.718 203.28 117.623 202.802 117.438 202.355C117.253 201.909 116.982 201.503 116.64 201.161C116.298 200.82 115.892 200.549 115.446 200.364C114.999 200.179 114.521 200.083 114.037 200.083H3.68033C3.19702 200.083 2.71845 200.179 2.27193 200.364C1.82541 200.549 1.41969 200.82 1.07794 201.161C0.736194 201.503 0.465103 201.909 0.280149 202.355C0.0951946 202.802 0 203.28 0 203.764H0Z" fill="#C5CFD1"/>
|
||||
<path d="M113.04 11.7024H201.959C202.443 11.7024 202.921 11.7976 203.368 11.9825C203.814 12.1675 204.22 12.4386 204.562 12.7803C204.903 13.1221 205.175 13.5278 205.359 13.9743C205.544 14.4208 205.64 14.8994 205.64 15.3827V77.5552C205.64 78.0385 205.544 78.5171 205.359 78.9636C205.175 79.4102 204.903 79.8159 204.562 80.1576C204.22 80.4994 203.814 80.7705 203.368 80.9554C202.921 81.1404 202.443 81.2356 201.959 81.2356H113.04C112.064 81.2356 111.128 80.8478 110.438 80.1576C109.748 79.4674 109.36 78.5313 109.36 77.5552V15.3827C109.36 14.4067 109.748 13.4707 110.438 12.7805C111.128 12.0904 112.064 11.7026 113.04 11.7024ZM208.002 215.466V277.639C208.002 278.615 208.389 279.551 209.079 280.241C209.77 280.931 210.706 281.319 211.682 281.319H300.601C301.577 281.319 302.513 280.931 303.203 280.241C303.894 279.551 304.281 278.615 304.281 277.639V215.466C304.281 214.49 303.894 213.554 303.203 212.864C302.513 212.174 301.577 211.786 300.601 211.786H211.682C211.199 211.786 210.72 211.881 210.273 212.066C209.827 212.251 209.421 212.522 209.079 212.864C208.738 213.206 208.467 213.611 208.282 214.058C208.097 214.504 208.002 214.983 208.002 215.466ZM10.7186 215.466V277.639C10.7186 278.615 11.1064 279.551 11.7966 280.241C12.4868 280.931 13.4229 281.319 14.3989 281.319H103.318C104.294 281.319 105.23 280.931 105.921 280.241C106.611 279.551 106.998 278.615 106.998 277.639V215.466C106.998 214.49 106.611 213.554 105.921 212.864C105.23 212.174 104.294 211.786 103.318 211.786H14.3989C13.4229 211.786 12.4869 212.174 11.7967 212.864C11.1066 213.554 10.7188 214.49 10.7186 215.466Z" fill="#0336DB"/>
|
||||
<path d="M199.856 87.0871C199.856 87.9222 199.524 88.7231 198.934 89.3136C198.343 89.9041 197.542 90.2358 196.707 90.2358C195.872 90.2358 195.071 89.9041 194.481 89.3136C193.89 88.7231 193.558 87.9222 193.558 87.0871C193.558 86.252 193.89 85.4511 194.481 84.8605C195.071 84.27 195.872 83.9383 196.707 83.9383C197.542 83.9383 198.343 84.27 198.934 84.8605C199.524 85.4511 199.856 86.252 199.856 87.0871ZM295.349 284.022C294.514 284.022 293.713 284.354 293.122 284.944C292.532 285.535 292.2 286.335 292.2 287.171C292.2 288.006 292.532 288.807 293.122 289.397C293.713 289.988 294.514 290.319 295.349 290.319C296.184 290.319 296.985 289.988 297.575 289.397C298.166 288.807 298.498 288.006 298.498 287.171C298.498 286.335 298.166 285.535 297.575 284.944C296.985 284.354 296.184 284.022 295.349 284.022ZM98.0659 284.022C97.2308 284.022 96.4299 284.354 95.8394 284.944C95.2489 285.535 94.9171 286.335 94.9171 287.171C94.9171 288.006 95.2489 288.807 95.8394 289.397C96.4299 289.988 97.2308 290.319 98.0659 290.319C98.901 290.319 99.7019 289.988 100.292 289.397C100.883 288.807 101.215 288.006 101.215 287.171C101.215 286.335 100.883 285.535 100.292 284.944C99.7019 284.354 98.901 284.022 98.0659 284.022Z" fill="#F9F9F7"/>
|
||||
<path d="M178.115 87.087C178.115 86.4714 178.36 85.881 178.795 85.4456C179.23 85.0103 179.821 84.7657 180.437 84.7657H187.64C188.256 84.7657 188.846 85.0103 189.282 85.4456C189.717 85.881 189.962 86.4714 189.962 87.087C189.962 87.7027 189.717 88.2931 189.282 88.7284C188.846 89.1637 188.256 89.4083 187.64 89.4083H180.436C180.131 89.4083 179.829 89.3483 179.548 89.2316C179.266 89.1149 179.01 88.9439 178.795 88.7284C178.579 88.5128 178.408 88.2569 178.292 87.9753C178.175 87.6937 178.115 87.3918 178.115 87.087ZM279.078 289.492H286.282C286.897 289.492 287.488 289.247 287.923 288.812C288.358 288.377 288.603 287.786 288.603 287.17C288.603 286.555 288.358 285.964 287.923 285.529C287.488 285.094 286.897 284.849 286.282 284.849H279.078C278.462 284.849 277.872 285.094 277.436 285.529C277.001 285.964 276.756 286.555 276.756 287.17C276.756 287.786 277.001 288.377 277.436 288.812C277.872 289.247 278.462 289.492 279.078 289.492ZM81.7948 289.492H88.9986C89.6142 289.492 90.2046 289.247 90.64 288.812C91.0753 288.377 91.3199 287.786 91.3199 287.17C91.3199 286.555 91.0753 285.964 90.64 285.529C90.2046 285.094 89.6142 284.849 88.9986 284.849H81.7948C81.1884 284.863 80.6116 285.114 80.1876 285.548C79.7637 285.981 79.5263 286.564 79.5263 287.17C79.5263 287.777 79.7637 288.359 80.1876 288.793C80.6116 289.227 81.1884 289.478 81.7948 289.492Z" fill="black"/>
|
||||
<path d="M283.294 170.712L260.456 166.091C259.193 165.835 258.723 164.276 259.634 163.364L265.22 157.779L248.536 141.095L242.951 146.681C242.039 147.592 240.48 147.122 240.224 145.859L235.603 123.021C235.373 121.888 236.374 120.887 237.507 121.117L260.344 125.739C261.607 125.994 262.078 127.553 261.166 128.465L255.581 134.05L272.265 150.734L277.85 145.149C278.761 144.237 280.321 144.707 280.576 145.971L285.198 168.808C285.428 169.941 284.427 170.941 283.294 170.712ZM191.223 225.783L171.753 212.902C170.679 212.189 169.19 212.96 169.19 214.249V222.1H145.811V214.249C145.811 212.96 144.322 212.189 143.248 212.902L123.804 225.783C122.841 226.422 122.827 227.837 123.791 228.476L143.254 241.357C144.328 242.07 145.811 241.299 145.811 240.01V231.943H169.189V240.01C169.189 241.299 170.678 242.07 171.753 241.357L191.196 228.476C192.16 227.837 192.187 226.422 191.223 225.783ZM76.2275 121.116L53.39 125.737C52.127 125.993 51.6563 127.552 52.5681 128.463L58.1532 134.049L41.4693 150.732L35.8842 145.147C34.973 144.236 33.4134 144.706 33.1581 145.969L28.5364 168.807C28.3069 169.94 29.3073 170.94 30.4406 170.711L53.2781 166.089C54.5411 165.833 55.0118 164.274 54.1 163.363L48.5149 157.778L65.1989 141.094L70.784 146.679C71.6951 147.59 73.2547 147.12 73.5101 145.857L78.1317 123.02C78.3612 121.887 77.3608 120.887 76.2275 121.116Z" fill="black"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_59_1030">
|
||||
<rect width="315" height="315" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.0 KiB |
8
Assets/SVG/Computer-image-mobile.svg
Normal file
8
Assets/SVG/Computer-image-mobile.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<svg width="239" height="240" viewBox="0 0 239 240" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M127.353 83.6183H111.647V57.4119H127.353V83.6183ZM202.195 209.222H186.489V235.428H202.195V209.222ZM52.5113 209.222H36.8046V235.428H52.5113V209.222Z" fill="#ADB8BC"/>
|
||||
<path d="M85.8206 78.04H153.179C154.253 78.04 155.283 78.4666 156.042 79.226C156.802 79.9853 157.228 81.0152 157.228 82.089V83.5184C157.228 84.5922 156.802 85.6221 156.042 86.3814C155.283 87.1408 154.253 87.5674 153.179 87.5674H85.8206C84.7467 87.5674 83.7169 87.1408 82.9575 86.3814C82.1982 85.6221 81.7716 84.5922 81.7716 83.5184V82.089C81.7716 81.0152 82.1982 79.9853 82.9575 79.226C83.7169 78.4666 84.7467 78.04 85.8206 78.04ZM74.842 2.79238V67.7229C74.842 68.4635 75.1362 69.1737 75.6599 69.6974C76.1835 70.2211 76.8938 70.5153 77.6344 70.5153H161.366C161.732 70.5153 162.095 70.443 162.434 70.3027C162.773 70.1624 163.081 69.9567 163.34 69.6974C163.599 69.4381 163.805 69.1303 163.945 68.7915C164.086 68.4527 164.158 68.0896 164.158 67.7229V2.79238C164.158 2.42568 164.086 2.06257 163.945 1.72378C163.805 1.38499 163.599 1.07717 163.34 0.817869C163.081 0.558572 162.773 0.352887 162.434 0.212557C162.095 0.072227 161.732 0 161.366 0L77.6344 0C76.8938 0 76.1835 0.294196 75.6599 0.817869C75.1362 1.34154 74.842 2.05179 74.842 2.79238ZM156.614 233.898V235.328C156.614 236.402 157.04 237.431 157.8 238.191C158.559 238.95 159.589 239.377 160.663 239.377H228.021C229.095 239.377 230.125 238.95 230.884 238.191C231.644 237.431 232.07 236.402 232.07 235.328V233.898C232.07 232.825 231.644 231.795 230.884 231.035C230.125 230.276 229.095 229.849 228.021 229.849H160.663C159.589 229.849 158.559 230.276 157.8 231.035C157.04 231.795 156.614 232.825 156.614 233.898ZM149.684 154.602V219.532C149.684 219.899 149.756 220.262 149.897 220.601C150.037 220.94 150.243 221.247 150.502 221.507C150.761 221.766 151.069 221.972 151.408 222.112C151.747 222.252 152.11 222.325 152.476 222.325H236.208C236.948 222.325 237.658 222.03 238.182 221.507C238.706 220.983 239 220.273 239 219.532V154.602C239 154.235 238.928 153.872 238.787 153.533C238.647 153.194 238.441 152.887 238.182 152.627C237.923 152.368 237.615 152.162 237.276 152.022C236.937 151.882 236.574 151.809 236.208 151.809H152.476C152.11 151.809 151.747 151.882 151.408 152.022C151.069 152.162 150.761 152.368 150.502 152.627C150.243 152.887 150.037 153.194 149.897 153.533C149.756 153.872 149.684 154.235 149.684 154.602ZM6.9296 233.898V235.328C6.9296 236.402 7.35619 237.431 8.11552 238.191C8.87486 238.95 9.90473 239.377 10.9786 239.377H78.3374C78.8691 239.377 79.3956 239.272 79.8869 239.068C80.3781 238.865 80.8245 238.567 81.2005 238.191C81.5764 237.815 81.8747 237.368 82.0782 236.877C82.2817 236.386 82.3864 235.859 82.3864 235.328V233.898C82.3864 232.825 81.9598 231.795 81.2005 231.035C80.4411 230.276 79.4112 229.849 78.3374 229.849H10.9786C9.90473 229.849 8.87486 230.276 8.11552 231.035C7.35619 231.795 6.9296 232.825 6.9296 233.898ZM0 154.602V219.532C0 220.273 0.294196 220.983 0.817869 221.507C1.34154 222.03 2.05179 222.325 2.79238 222.325H86.5236C87.2642 222.325 87.9744 222.03 88.4981 221.507C89.0218 220.983 89.316 220.273 89.316 219.532V154.602C89.316 154.235 89.2438 153.872 89.1034 153.533C88.9631 153.194 88.7574 152.887 88.4981 152.627C88.2388 152.368 87.931 152.162 87.5922 152.022C87.2534 151.882 86.8903 151.809 86.5236 151.809H2.79238C2.42568 151.809 2.06257 151.882 1.72378 152.022C1.38499 152.162 1.07717 152.368 0.817869 152.627C0.558572 152.887 0.352887 153.194 0.212557 153.533C0.072227 153.872 0 154.235 0 154.602H0Z" fill="#C5CFD1"/>
|
||||
<path d="M85.767 8.87891H153.233C153.599 8.87891 153.962 8.95113 154.301 9.09146C154.64 9.23179 154.948 9.43748 155.207 9.69677C155.466 9.95607 155.672 10.2639 155.812 10.6027C155.953 10.9415 156.025 11.3046 156.025 11.6713V58.8434C156.025 59.2101 155.953 59.5733 155.812 59.912C155.672 60.2508 155.466 60.5587 155.207 60.818C154.948 61.0773 154.64 61.2829 154.301 61.4233C153.962 61.5636 153.599 61.6358 153.233 61.6358H85.767C85.0264 61.6358 84.3161 61.3416 83.7924 60.818C83.2688 60.2943 82.9746 59.584 82.9746 58.8434V11.6713C82.9747 10.9307 83.2689 10.2206 83.7926 9.69691C84.3162 9.17327 85.0264 8.87903 85.767 8.87891ZM157.817 163.481V210.653C157.817 211.393 158.111 212.104 158.635 212.627C159.159 213.151 159.869 213.445 160.609 213.445H228.075C228.816 213.445 229.526 213.151 230.05 212.627C230.573 212.104 230.867 211.393 230.867 210.653V163.481C230.867 162.74 230.573 162.03 230.05 161.506C229.526 160.982 228.816 160.688 228.075 160.688H160.609C160.243 160.688 159.88 160.76 159.541 160.901C159.202 161.041 158.894 161.247 158.635 161.506C158.376 161.765 158.17 162.073 158.03 162.412C157.889 162.751 157.817 163.114 157.817 163.481ZM8.13257 163.481V210.653C8.13257 211.393 8.42676 212.104 8.95044 212.627C9.47411 213.151 10.1844 213.445 10.9249 213.445H78.3906C79.1312 213.445 79.8415 213.151 80.3651 212.627C80.8888 212.104 81.183 211.393 81.183 210.653V163.481C81.183 162.74 80.8888 162.03 80.3651 161.506C79.8415 160.982 79.1312 160.688 78.3906 160.688H10.9249C10.1844 160.688 9.47422 160.983 8.95057 161.506C8.42693 162.03 8.13269 162.74 8.13257 163.481Z" fill="#0336DB"/>
|
||||
<path d="M151.637 66.0756C151.637 66.7092 151.385 67.3169 150.937 67.7649C150.489 68.213 149.881 68.4647 149.248 68.4647C148.614 68.4647 148.006 68.213 147.558 67.7649C147.11 67.3169 146.858 66.7092 146.858 66.0756C146.858 65.442 147.11 64.8343 147.558 64.3863C148.006 63.9382 148.614 63.6865 149.248 63.6865C149.881 63.6865 150.489 63.9382 150.937 64.3863C151.385 64.8343 151.637 65.442 151.637 66.0756ZM224.09 215.496C223.456 215.496 222.849 215.748 222.401 216.196C221.953 216.644 221.701 217.251 221.701 217.885C221.701 218.519 221.953 219.126 222.401 219.574C222.849 220.022 223.456 220.274 224.09 220.274C224.724 220.274 225.331 220.022 225.779 219.574C226.227 219.126 226.479 218.519 226.479 217.885C226.479 217.251 226.227 216.644 225.779 216.196C225.331 215.748 224.724 215.496 224.09 215.496ZM74.4055 215.496C73.7719 215.496 73.1643 215.748 72.7162 216.196C72.2682 216.644 72.0165 217.251 72.0165 217.885C72.0165 218.519 72.2682 219.126 72.7162 219.574C73.1643 220.022 73.7719 220.274 74.4055 220.274C75.0392 220.274 75.6468 220.022 76.0949 219.574C76.5429 219.126 76.7946 218.519 76.7946 217.885C76.7946 217.251 76.5429 216.644 76.0949 216.196C75.6468 215.748 75.0392 215.496 74.4055 215.496Z" fill="#F9F9F7"/>
|
||||
<path d="M135.141 66.0756C135.141 65.6084 135.327 65.1605 135.657 64.8302C135.988 64.4999 136.436 64.3143 136.903 64.3143H142.368C142.835 64.3143 143.283 64.4999 143.614 64.8302C143.944 65.1605 144.13 65.6084 144.13 66.0756C144.13 66.5427 143.944 66.9906 143.614 67.3209C143.283 67.6512 142.835 67.8368 142.368 67.8368H136.902C136.671 67.8368 136.442 67.7912 136.228 67.7027C136.015 67.6142 135.82 67.4845 135.657 67.3209C135.493 67.1574 135.364 66.9632 135.275 66.7495C135.187 66.5358 135.141 66.3068 135.141 66.0756ZM211.745 219.646H217.21C217.677 219.646 218.125 219.461 218.456 219.13C218.786 218.8 218.972 218.352 218.972 217.885C218.972 217.418 218.786 216.97 218.456 216.639C218.125 216.309 217.677 216.124 217.21 216.124H211.745C211.278 216.124 210.83 216.309 210.499 216.639C210.169 216.97 209.983 217.418 209.983 217.885C209.983 218.352 210.169 218.8 210.499 219.13C210.83 219.461 211.278 219.646 211.745 219.646ZM62.0601 219.646H67.5259C67.993 219.646 68.4409 219.461 68.7712 219.13C69.1015 218.8 69.2871 218.352 69.2871 217.885C69.2871 217.418 69.1015 216.97 68.7712 216.639C68.4409 216.309 67.993 216.124 67.5259 216.124H62.0601C61.6 216.134 61.1624 216.324 60.8407 216.654C60.5191 216.983 60.339 217.425 60.339 217.885C60.339 218.345 60.5191 218.787 60.8407 219.116C61.1624 219.445 61.6 219.636 62.0601 219.646Z" fill="black"/>
|
||||
<path d="M214.944 129.524L197.616 126.018C196.658 125.824 196.301 124.641 196.992 123.95L201.23 119.712L188.571 107.053L184.334 111.291C183.643 111.982 182.459 111.626 182.266 110.667L178.759 93.3398C178.585 92.4799 179.344 91.7209 180.204 91.895L197.531 95.4016C198.489 95.5958 198.847 96.7787 198.155 97.47L193.917 101.708L206.576 114.366L210.813 110.129C211.505 109.437 212.688 109.794 212.882 110.752L216.388 128.08C216.562 128.939 215.803 129.698 214.944 129.524ZM145.087 171.308L130.314 161.535C129.499 160.995 128.37 161.579 128.37 162.557V168.514H110.631V162.557C110.631 161.579 109.502 160.995 108.687 161.535L93.934 171.308C93.203 171.793 93.1927 172.867 93.9237 173.352L108.691 183.125C109.506 183.665 110.631 183.081 110.631 182.103V175.982H128.369V182.103C128.369 183.081 129.499 183.665 130.314 183.125L145.066 173.352C145.797 172.867 145.818 171.793 145.087 171.308ZM57.8361 91.8941L40.5086 95.4007C39.5503 95.5949 39.1932 96.7777 39.885 97.4691L44.1226 101.707L31.464 114.365L27.2264 110.128C26.5351 109.436 25.3517 109.793 25.158 110.751L21.6514 128.079C21.4773 128.939 22.2363 129.698 23.0962 129.524L40.4237 126.017C41.382 125.823 41.7391 124.64 41.0473 123.949L36.8097 119.711L49.4683 107.052L53.7059 111.29C54.3972 111.981 55.5806 111.625 55.7743 110.666L59.2809 93.3388C59.455 92.4795 58.696 91.7205 57.8361 91.8941Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.9 KiB |
@ -19,7 +19,8 @@ body{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner-principal-mobile{
|
||||
.banner-principal-mobile,
|
||||
.infocard-image-mobile{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -53,11 +54,19 @@ body{
|
||||
width: 38%;
|
||||
}
|
||||
|
||||
.infocard-image{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 414px){
|
||||
.banner-principal-desktop{
|
||||
.banner-principal-desktop,
|
||||
.infocard-image-desktop{
|
||||
display: none;
|
||||
}
|
||||
.banner-principal-mobile{
|
||||
.banner-principal-mobile,
|
||||
.infocard-image-mobile{
|
||||
display: unset;
|
||||
}
|
||||
}
|
||||
@ -74,4 +83,5 @@ body{
|
||||
.text-description{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
10
index.html
10
index.html
@ -31,7 +31,7 @@
|
||||
<img class="banner-principal banner-principal-mobile" src="./Assets/Images/Banner-principal-mobile.png" alt="Banner principal mobile"/>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<section class="top-infocard">
|
||||
<div class="text-infocard">
|
||||
<h2 class="text-subtitle"> Lorem ipsum </h2>
|
||||
<h1 class="text-title"> dolor sit amet </h1>
|
||||
@ -41,7 +41,15 @@
|
||||
Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<div class="infocard-image">
|
||||
<img class="infocard-image-desktop" src="./Assets/SVG/Computer-image-desktop.svg" alt="infocard image desktop">
|
||||
<img class="infocard-image-mobile" src="./Assets/SVG/Computer-image-mobile.svg" alt="infocard image mobile">
|
||||
</div>
|
||||
|
||||
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user