Merge pull request 'atividade1' (#1) from naianfelix into main
Reviewed-on: #1
This commit is contained in:
commit
0f8eed4ef0
90
README.md
90
README.md
@ -1,91 +1 @@
|
||||
# practice-time-landing-page
|
||||
|
||||
|
||||
|
||||
## Getting started
|
||||
|
||||
To make it easy for you to get started with GitLab, here's a list of recommended next steps.
|
||||
|
||||
Already a pro? Just edit this README.md and make it your own. Want to make it easy? [Use the template at the bottom](#editing-this-readme)!
|
||||
|
||||
## Add your files
|
||||
|
||||
- [ ] [Create](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/user/project/repository/web_editor.html#create-a-file) or [upload](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/user/project/repository/web_editor.html#upload-a-file) files
|
||||
- [ ] [Add files using the command line](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/gitlab-basics/add-file.html#add-a-file-using-the-command-line) or push an existing Git repository with the following command:
|
||||
|
||||
```
|
||||
cd existing_repo
|
||||
git remote add origin https://gitlab.com/m3-academy/fase-01/practice-time-landing-page.git
|
||||
git branch -M main
|
||||
git push -uf origin main
|
||||
```
|
||||
|
||||
## Integrate with your tools
|
||||
|
||||
- [ ] [Set up project integrations](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/user/project/integrations/)
|
||||
|
||||
## Collaborate with your team
|
||||
|
||||
- [ ] [Invite team members and collaborators](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/user/project/members/)
|
||||
- [ ] [Create a new merge request](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/user/project/merge_requests/creating_merge_requests.html)
|
||||
- [ ] [Automatically close issues from merge requests](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/user/project/issues/managing_issues.html#closing-issues-automatically)
|
||||
- [ ] [Automatically merge when pipeline succeeds](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/user/project/merge_requests/merge_when_pipeline_succeeds.html)
|
||||
|
||||
## Test and Deploy
|
||||
|
||||
Use the built-in continuous integration in GitLab.
|
||||
|
||||
- [ ] [Get started with GitLab CI/CD](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/ci/quick_start/index.html)
|
||||
- [ ] [Analyze your code for known vulnerabilities with Static Application Security Testing(SAST)](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/user/application_security/sast/)
|
||||
- [ ] [Deploy to Kubernetes, Amazon EC2, or Amazon ECS using Auto Deploy](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/topics/autodevops/requirements.html)
|
||||
- [ ] [Use pull-based deployments for improved Kubernetes management](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://docs.gitlab.com/ee/user/clusters/agent/)
|
||||
|
||||
***
|
||||
|
||||
# Editing this README
|
||||
|
||||
When you're ready to make this README your own, just edit this file and use the handy template below (or feel free to structure it however you want - this is just a starting point!). Thank you to [makeareadme.com](https://gitlab.com/-/experiment/new_project_readme_content:a980a0e1508cd91a06bf888abbfadab2?https://www.makeareadme.com/) for this template.
|
||||
|
||||
## Suggestions for a good README
|
||||
Every project is different, so consider which of these sections apply to yours. The sections used in the template are suggestions for most open source projects. Also keep in mind that while a README can be too long and detailed, too long is better than too short. If you think your README is too long, consider utilizing another form of documentation rather than cutting out information.
|
||||
|
||||
## Name
|
||||
Choose a self-explaining name for your project.
|
||||
|
||||
## Description
|
||||
Let people know what your project can do specifically. Provide context and add a link to any reference visitors might be unfamiliar with. A list of Features or a Background subsection can also be added here. If there are alternatives to your project, this is a good place to list differentiating factors.
|
||||
|
||||
## Badges
|
||||
On some READMEs, you may see small images that convey metadata, such as whether or not all the tests are passing for the project. You can use Shields to add some to your README. Many services also have instructions for adding a badge.
|
||||
|
||||
## Visuals
|
||||
Depending on what you are making, it can be a good idea to include screenshots or even a video (you'll frequently see GIFs rather than actual videos). Tools like ttygif can help, but check out Asciinema for a more sophisticated method.
|
||||
|
||||
## Installation
|
||||
Within a particular ecosystem, there may be a common way of installing things, such as using Yarn, NuGet, or Homebrew. However, consider the possibility that whoever is reading your README is a novice and would like more guidance. Listing specific steps helps remove ambiguity and gets people to using your project as quickly as possible. If it only runs in a specific context like a particular programming language version or operating system or has dependencies that have to be installed manually, also add a Requirements subsection.
|
||||
|
||||
## Usage
|
||||
Use examples liberally, and show the expected output if you can. It's helpful to have inline the smallest example of usage that you can demonstrate, while providing links to more sophisticated examples if they are too long to reasonably include in the README.
|
||||
|
||||
## Support
|
||||
Tell people where they can go to for help. It can be any combination of an issue tracker, a chat room, an email address, etc.
|
||||
|
||||
## Roadmap
|
||||
If you have ideas for releases in the future, it is a good idea to list them in the README.
|
||||
|
||||
## Contributing
|
||||
State if you are open to contributions and what your requirements are for accepting them.
|
||||
|
||||
For people who want to make changes to your project, it's helpful to have some documentation on how to get started. Perhaps there is a script that they should run or some environment variables that they need to set. Make these steps explicit. These instructions could also be useful to your future self.
|
||||
|
||||
You can also document commands to lint the code or run tests. These steps help to ensure high code quality and reduce the likelihood that the changes inadvertently break something. Having instructions for running tests is especially helpful if it requires external setup, such as starting a Selenium server for testing in a browser.
|
||||
|
||||
## Authors and acknowledgment
|
||||
Show your appreciation to those who have contributed to the project.
|
||||
|
||||
## License
|
||||
For open source projects, say how it is licensed.
|
||||
|
||||
## Project status
|
||||
If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers.
|
||||
|
||||
|
||||
14
assets/images/bottom-card-image01.svg
Normal file
14
assets/images/bottom-card-image01.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_2_171)">
|
||||
<path d="M103.987 22.5076C103.985 19.1036 101.215 16.3332 97.8102 16.3318L15.7284 16.3236H15.7255C14.077 16.3236 12.5271 16.9655 11.3616 18.131C10.1954 19.2972 9.55357 20.8478 9.55418 22.4974L9.5552 26.032L6.17418 26.0316H6.17134C4.52278 26.0316 2.97273 26.6735 1.8074 27.839C0.641262 29.0055 -0.000612756 30.5562 -3.38121e-06 32.2058L0.0134029 81.4924C0.0146216 84.8964 2.78504 87.6668 6.18982 87.6682L88.2716 87.6762H88.2745C89.923 87.6762 91.4729 87.0343 92.6384 85.8688C93.8045 84.7026 94.4464 83.152 94.4458 81.5024L94.4448 77.9678L97.8258 77.968H97.8287C99.4772 77.968 101.027 77.3261 102.193 76.1606C103.359 74.9945 104.001 73.4438 104 71.7942L103.987 22.5076ZM89.7656 82.9962C89.3673 83.3945 88.8377 83.6137 88.2743 83.6137C88.2737 83.6135 88.273 83.6135 88.2726 83.6137L6.19084 83.6057C5.02511 83.6051 4.07631 82.6565 4.0759 81.491L4.0625 32.2044C4.06229 31.6405 4.28167 31.1103 4.68 30.7118C5.07832 30.3135 5.60787 30.0943 6.17215 30.0943H6.17317L88.2548 30.1022C89.4205 30.1028 90.3693 31.0516 90.3697 32.2169L90.3831 81.5036C90.3833 82.0675 90.1641 82.5976 89.7656 82.9962V82.9962ZM99.32 73.288C98.9217 73.6863 98.3921 73.9055 97.8278 73.9055H97.8268L94.4436 73.9053L94.4322 32.2157C94.431 28.8118 91.6604 26.0411 88.2558 26.0399L13.6177 26.0326L13.6167 22.4962C13.6165 21.9323 13.8359 21.4022 14.2342 21.0036C14.6325 20.6053 15.1621 20.3861 15.7263 20.3861H15.7272L97.8089 20.3941C98.9747 20.3947 99.9235 21.3433 99.9239 22.5088L99.9375 71.7954C99.9377 72.3593 99.7183 72.8895 99.32 73.288V73.288Z" fill="black"/>
|
||||
<path d="M78.2518 76.5467C78.2508 73.7487 80.5181 71.4814 83.3159 71.4826L83.3104 42.2304C80.5124 42.2294 78.2433 39.9603 78.2422 37.1623H16.1941C16.1951 39.9603 13.9278 42.2276 11.13 42.2264L11.1354 71.4786C13.9335 71.4796 16.2026 73.7487 16.2036 76.5467H78.2518Z" fill="#00C8FF"/>
|
||||
<path d="M72.2577 54.9496H65.6194C64.4975 54.9496 63.5881 55.8592 63.5881 56.9808C63.5881 58.1025 64.4975 59.0121 65.6194 59.0121H72.2577C73.3796 59.0121 74.289 58.1025 74.289 56.9808C74.289 55.859 73.3796 54.9496 72.2577 54.9496Z" fill="white"/>
|
||||
<path d="M29.1089 54.9496H22.4706C21.3487 54.9496 20.4393 55.8592 20.4393 56.9808C20.4393 58.1025 21.3487 59.0121 22.4706 59.0121H29.1089C30.2308 59.0121 31.1402 58.1025 31.1402 56.9808C31.1402 55.859 30.2308 54.9496 29.1089 54.9496Z" 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_2_171">
|
||||
<rect width="104" height="104" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
7
assets/images/bottom-card-image02.svg
Normal file
7
assets/images/bottom-card-image02.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.3906C100.063 3.82678 96.3499 0.113861 91.7861 0.113861H12.2139C7.65009 0.113861 3.93717 3.82678 3.93717 8.3906V66.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.17636H91.7861C94.1098 4.17636 96.0003 6.06684 96.0003 8.3906V14.0448H7.99967V8.3906C7.99967 6.06684 9.89016 4.17636 12.2139 4.17636ZM7.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.7371 6.83954 48.8278 7.74913 48.8278 8.87079C48.8278 9.99244 49.7371 10.902 50.859 10.902Z" fill="black"/>
|
||||
<path d="M55.3624 46.2268H87.9032V56.4397H55.3624V46.2268Z" fill="#00C8FF"/>
|
||||
<path d="M55.3624 28.4569H87.9032V38.6698H55.3624V28.4569Z" fill="#00C8FF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
6
assets/images/bottom-card-image03.svg
Normal file
6
assets/images/bottom-card-image03.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="104" height="105" viewBox="0 0 104 105" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M72.8313 54.0006C83.4667 54.0006 92.0883 45.296 92.0883 34.5584C92.0883 23.8207 83.4667 15.1161 72.8313 15.1161C62.1959 15.1161 53.5742 23.8207 53.5742 34.5584C53.5742 45.296 62.1959 54.0006 72.8313 54.0006Z" fill="#00C8FF"/>
|
||||
<path d="M72.8313 65.0748C89.4979 65.0748 103.057 51.3852 103.057 34.5586C103.057 17.7317 89.4979 4.04212 72.8313 4.04212C56.1647 4.04212 42.6055 17.7317 42.6055 34.5586C42.6055 51.3852 56.1647 65.0748 72.8313 65.0748ZM72.8313 8.14368C87.2576 8.14368 98.9946 19.9933 98.9946 34.5586C98.9946 49.1236 87.2578 60.9732 72.8313 60.9732C58.4049 60.9732 46.668 49.1236 46.668 34.5586C46.668 19.9933 58.4047 8.14368 72.8313 8.14368Z" fill="black"/>
|
||||
<path d="M69.42 39.6797C68.7161 38.7976 67.4377 38.6588 66.5638 39.3692C65.6902 40.0798 65.5527 41.3707 66.2563 42.2528C67.3761 43.6561 68.9814 44.4535 70.5804 44.8355C70.6655 45.889 71.5394 46.7171 72.6048 46.7171C73.6198 46.7171 74.4609 45.9655 74.6118 44.9834C77.4727 44.4678 79.4801 42.5448 79.8094 39.9268C80.1921 36.8857 78.2382 33.9693 75.0581 32.8343C74.9133 32.7827 74.7727 32.7322 74.636 32.6828V28.7318C74.8052 28.8407 74.9314 28.9596 75.0114 29.0744C75.6553 30.0016 76.9222 30.2262 77.8409 29.5752C78.7592 28.9247 78.9813 27.6457 78.3367 26.7185C77.598 25.6552 76.3077 24.753 74.6348 24.3814C74.5986 23.2808 73.7037 22.3998 72.6048 22.3998C71.4829 22.3998 70.5735 23.3179 70.5735 24.4505V24.5192C70.4488 24.5523 70.3233 24.5877 70.1969 24.6263C68.0645 25.275 66.4554 27.36 66.2837 29.6971C66.1131 32.0196 67.3306 34.0341 69.5404 35.0861C69.7813 35.2009 70.1333 35.3511 70.5733 35.528V40.5274C70.1075 40.3158 69.7029 40.0342 69.42 39.6797ZM75.7792 39.41C75.7036 40.0106 75.3008 40.4694 74.636 40.7413V37.1789C75.5283 37.8118 75.8676 38.7086 75.7792 39.41ZM70.3354 30.0004C70.3547 29.7358 70.4417 29.4737 70.5737 29.2449V30.8486C70.3899 30.608 70.3113 30.3267 70.3354 30.0004Z" fill="white"/>
|
||||
<path d="M103.992 73.7967C103.885 71.3073 102.741 69.1667 100.772 67.7695C97.5268 65.4667 93.1466 65.8666 90.3563 68.72C90.2669 68.8115 90.1861 68.9112 90.1152 69.018L85.659 75.721C84.4114 72.748 81.5128 70.6595 78.1452 70.6595L46.0856 70.6377H46.0842C45.5979 70.6377 45.1281 70.8137 44.7596 71.1338L36.728 78.1099H30.8669V76.3075C30.8669 75.1749 29.9573 74.2567 28.8356 74.2567H19.892V73.9762C19.892 72.8435 18.9824 71.9254 17.8608 71.9254H2.03125C0.909391 71.9254 0 72.8435 0 73.9762V98.0273C0 99.16 0.909391 100.078 2.03125 100.078H17.8608C18.9824 100.078 19.892 99.16 19.892 98.0273V97.7468H28.8354C29.9571 97.7468 30.8667 96.8286 30.8667 95.696V93.8023H37.6017L43.6861 100.314C44.0702 100.725 44.6048 100.958 45.1636 100.958C45.1732 100.958 45.1827 100.958 45.1923 100.957L87.1404 100.363C87.7949 100.354 88.4049 100.027 88.7788 99.4848L102.107 80.1615C102.115 80.1494 102.124 80.1371 102.132 80.125C103.422 78.1655 104.083 75.9181 103.992 73.7967ZM15.8295 95.9766H4.0625V76.027H15.8295V95.9766ZM26.8042 93.6454H19.892V78.3583H26.8042V93.6454ZM98.7604 77.8364L86.0409 96.2772L46.0285 96.8438L39.9559 90.3445C39.572 89.9337 39.0376 89.701 38.4784 89.701H30.8669V82.2115H37.4816C37.9679 82.2115 38.4378 82.0355 38.8062 81.7154L46.8372 74.7399L78.1438 74.7612C80.4081 74.7612 82.2502 76.6553 82.2502 78.9836C82.2502 81.3116 80.4082 83.2055 78.1438 83.2055C78.1385 83.2055 78.1332 83.2057 78.128 83.2057H60.6105C60.0531 83.2057 59.5201 83.437 59.1364 83.8456L54.863 88.3962C54.0912 89.2182 54.1255 90.5161 54.9396 91.2954C55.3325 91.6714 55.835 91.858 56.3367 91.858C56.8748 91.858 57.4119 91.6435 57.8112 91.2181L61.4837 87.3073L81.7651 87.3081H81.7657C82.4426 87.3081 83.0751 86.9677 83.4523 86.4002L93.3713 71.4806C94.7653 70.1689 96.8681 70.0122 98.4362 71.1254C100.553 72.6272 100.202 75.6342 98.7604 77.8364Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
6
assets/images/bottom-card-image04.svg
Normal file
6
assets/images/bottom-card-image04.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="87" height="105" viewBox="0 0 87 105" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M63.2769 70.4631C62.5896 70.4631 61.9093 70.4327 61.2373 70.3736V84.3177H4.69736V17.4957H61.2373V28.7839C61.9093 28.7248 62.5896 28.6944 63.2769 28.6944C63.9642 28.6944 64.6444 28.7248 65.3165 28.7839V10.063C65.3165 4.6532 60.8987 0.251953 55.4685 0.251953H10.4662C5.03594 0.251953 0.618164 4.6532 0.618164 10.063V94.85C0.618164 100.27 5.02757 104.679 10.4476 104.679H55.4871C60.9071 104.679 65.3165 100.27 65.3165 94.85V70.3736C64.6447 70.4329 63.9642 70.4631 63.2769 70.4631ZM4.69736 10.063C4.69736 6.90227 7.28521 4.33115 10.4662 4.33115H55.4685C58.6495 4.33115 61.2373 6.90227 61.2373 10.063V13.4165H4.69736V10.063ZM61.2373 94.85C61.2373 98.0208 58.6578 100.6 55.4871 100.6H10.4476C7.27705 100.6 4.69736 98.0208 4.69736 94.85V88.3969H61.2373V94.85Z" fill="black"/>
|
||||
<path d="M31.6077 96.5382H34.327C35.4535 96.5382 36.3666 95.6249 36.3666 94.4986C36.3666 93.3721 35.4535 92.459 34.327 92.459H31.6077C30.4812 92.459 29.5681 93.3721 29.5681 94.4986C29.5681 95.6249 30.4812 96.5382 31.6077 96.5382Z" fill="black"/>
|
||||
<path d="M63.2768 26.6548C50.6162 26.6548 40.353 36.9182 40.353 49.5788C40.353 54.605 41.9706 59.2531 44.7134 63.0314L40.353 71.8072L53.0236 70.0874C56.1089 71.6328 59.5913 72.5027 63.2768 72.5027C75.9374 72.5027 86.2009 62.2393 86.2009 49.5788C86.2009 36.9184 75.9374 26.6548 63.2768 26.6548Z" fill="#00C8FF"/>
|
||||
<path d="M65.4642 55.5124H65.3165V47.983H65.4642C66.5906 47.983 67.5038 47.0697 67.5038 45.9434C67.5038 44.8171 66.5906 43.9038 65.4642 43.9038H61.0898C59.9634 43.9038 59.0502 44.8171 59.0502 45.9434C59.0502 47.0697 59.9634 47.983 61.0898 47.983H61.2375V55.5124H61.0898C59.9634 55.5124 59.0502 56.4257 59.0502 57.552C59.0502 58.6782 59.9634 59.5916 61.0898 59.5916H65.4642C66.5906 59.5916 67.5038 58.6782 67.5038 57.552C67.5038 56.4257 66.5906 55.5124 65.4642 55.5124Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
BIN
assets/images/bottom-infocard-image.png
Normal file
BIN
assets/images/bottom-infocard-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 444 KiB |
9
assets/images/m3-logo.svg
Normal file
9
assets/images/m3-logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 37 KiB |
BIN
assets/images/main-banner-desktop.png
Normal file
BIN
assets/images/main-banner-desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
assets/images/main-banner-mobile.png
Normal file
BIN
assets/images/main-banner-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
BIN
assets/images/middle-banner-desktop.png
Normal file
BIN
assets/images/middle-banner-desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 946 KiB |
BIN
assets/images/middle-banner-mobile.png
Normal file
BIN
assets/images/middle-banner-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
6
assets/images/top-cards-image01.svg
Normal file
6
assets/images/top-cards-image01.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="104" height="82" viewBox="0 0 104 82" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M73.8313 43.6077H96.5312V64.8331H73.8313V43.6077Z" fill="#00C8FF"/>
|
||||
<path d="M7.79743 43.6077H30.4974V64.8331H7.79743V43.6077Z" fill="#00C8FF"/>
|
||||
<path d="M41.5493 43.6077H62.7793V78.3419H41.5493V43.6077Z" fill="#00C8FF"/>
|
||||
<path d="M95.8333 0.349976H8.49535C4.30542 0.349976 0.896729 3.75887 0.896729 7.9486V22.5697C0.896729 26.2557 2.85952 29.4918 5.79479 31.288V79.0041C5.79479 80.1102 6.69137 81.0067 7.79743 81.0067H96.5312C97.6373 81.0067 98.5339 80.1102 98.5339 79.0041V31.288C101.469 29.4918 103.432 26.2557 103.432 22.5697V7.9486C103.432 3.75887 100.023 0.349976 95.8333 0.349976V0.349976ZM83.005 22.5697C83.005 25.9928 80.2201 28.7777 76.7968 28.7777C73.3735 28.7777 70.5886 25.9928 70.5886 22.5697V4.35526H83.005V22.5697ZM66.5833 22.5697C66.5833 25.9928 63.7985 28.7777 60.3752 28.7777C56.9518 28.7777 54.167 25.9928 54.167 22.5697V4.35526H66.5833V22.5697ZM50.1617 22.5697C50.1617 25.9928 47.3768 28.7777 43.9535 28.7777C40.5302 28.7777 37.7453 25.9928 37.7453 22.5697V4.35526H50.1617V22.5697ZM33.74 22.5697C33.74 25.9928 30.9552 28.7777 27.5319 28.7777C24.1085 28.7777 21.3237 25.9928 21.3237 22.5697V4.35526H33.74V22.5697ZM4.90201 7.9486C4.90201 5.96718 6.51414 4.35526 8.49535 4.35526H17.3184V22.5697C17.3184 25.9928 14.5335 28.7777 11.1102 28.7777C7.68688 28.7777 4.90201 25.9928 4.90201 22.5697V7.9486ZM94.5286 77.0015H9.80007V32.6994C10.229 32.7545 10.6664 32.7831 11.1102 32.7831C14.4714 32.7831 17.4588 31.151 19.321 28.6377C21.1833 31.151 24.1706 32.7831 27.5319 32.7831C30.8931 32.7831 33.8804 31.151 35.7427 28.6377C37.6049 31.151 40.5923 32.7831 43.9535 32.7831C47.3147 32.7831 50.3021 31.151 52.1643 28.6377C54.0266 31.151 57.0139 32.7831 60.3752 32.7831C63.7364 32.7831 66.7237 31.151 68.586 28.6377C70.4482 31.151 73.4356 32.7831 76.7968 32.7831C80.158 32.7831 83.1454 31.151 85.0076 28.6377C86.8699 31.151 89.8572 32.7831 93.2185 32.7831C93.6623 32.7831 94.0996 32.7547 94.5286 32.6994V77.0015ZM99.4267 22.5697C99.4267 25.9928 96.6418 28.7777 93.2185 28.7777C89.7952 28.7777 87.0103 25.9928 87.0103 22.5697V4.35526H95.8333C97.8147 4.35526 99.4267 5.96718 99.4267 7.9486V22.5697Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
5
assets/images/top-cards-image02.svg
Normal file
5
assets/images/top-cards-image02.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.1985 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.1806 0.417834 39.2145 1.17967C37.2484 0.417834 35.1135 0 32.8835 0C23.1537 0 15.2381 7.95313 15.2381 17.7287V22.7395H2.90924C1.80915 22.7395 0.917053 23.6401 0.917053 24.7512V89.7613C0.917053 95.0368 5.17416 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.37114 95.3056 4.90143 92.8185 4.90143 89.7615V26.7631H13.2459V95.3056Z" fill="black"/>
|
||||
<path d="M92.7992 54.7374C86.7766 54.7374 81.582 51.191 79.165 46.0659H72.082C69.6651 51.1908 64.4705 54.7374 58.4479 54.7374C56.2051 54.7374 54.0772 54.2452 52.1641 53.3634V78.4196C52.1641 96.7462 75.6235 103 75.6235 103C75.6235 103 99.0829 96.7462 99.0829 78.4196V53.3634C97.1698 54.2452 95.0418 54.7374 92.7992 54.7374Z" fill="#00C8FF"/>
|
||||
<path d="M74.8532 81.6053C74.328 81.6053 73.8228 81.3957 73.4487 81.0201L69.1193 76.673C68.3389 75.8894 68.3353 74.6158 69.1113 73.828C69.8868 73.04 71.1483 73.0364 71.9286 73.82L74.7249 76.6275L81.99 67.9301C82.6996 67.0807 83.9563 66.9733 84.7972 67.6895C85.6383 68.4058 85.7451 69.675 85.0354 70.5244L76.3762 80.891C76.0172 81.3207 75.4968 81.579 74.9406 81.6035C74.9113 81.6047 74.8825 81.6053 74.8532 81.6053Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
6
assets/images/top-cards-image03.svg
Normal file
6
assets/images/top-cards-image03.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.9719C81.8615 49.9719 90.3174 41.4332 90.3174 30.9C90.3174 20.3669 81.8615 11.8281 71.4307 11.8281C60.9998 11.8281 52.5439 20.3669 52.5439 30.9C52.5439 41.4332 60.9998 49.9719 71.4307 49.9719Z" fill="#00C8FF"/>
|
||||
<path d="M71.4307 60.8352C87.7768 60.8352 101.075 47.4064 101.075 30.9003C101.075 14.3939 87.7768 0.965088 71.4307 0.965088C55.0846 0.965088 41.7861 14.3939 41.7861 30.9003C41.7861 47.4064 55.0846 60.8352 71.4307 60.8352ZM71.4307 4.98853C85.5796 4.98853 97.0909 16.6124 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.6124 57.2816 4.98853 71.4307 4.98853Z" fill="black"/>
|
||||
<path d="M68.085 35.9238C67.3947 35.0585 66.1408 34.9223 65.2837 35.6192C64.4269 36.3163 64.292 37.5826 64.9821 38.4479C66.0804 39.8245 67.6548 40.6067 69.2231 40.9814C69.3066 42.0149 70.1636 42.8272 71.2085 42.8272C72.204 42.8272 73.029 42.0899 73.177 41.1265C75.9828 40.6207 77.9517 38.7343 78.2746 36.1662C78.6499 33.183 76.7336 30.3221 73.6147 29.2089C73.4726 29.1582 73.3348 29.1087 73.2007 29.0602V25.1844C73.3666 25.2912 73.4904 25.4079 73.5689 25.5206C74.2004 26.4301 75.4429 26.6503 76.344 26.0118C77.2446 25.3737 77.4624 24.119 76.8303 23.2095C76.1057 22.1664 74.8403 21.2815 73.1995 20.9169C73.164 19.8373 72.2863 18.973 71.2085 18.973C70.1082 18.973 69.2163 19.8737 69.2163 20.9847V21.0521C69.094 21.0845 68.9709 21.1193 68.847 21.1571C66.7556 21.7935 65.1774 23.8388 65.009 26.1313C64.8417 28.4096 66.0358 30.3857 68.2031 31.4177C68.4394 31.5304 68.7846 31.6776 69.2161 31.8512V36.7554C68.7593 36.5478 68.3625 36.2716 68.085 35.9238ZM74.3219 35.6592C74.2478 36.2485 73.8527 36.6985 73.2007 36.9652V33.4707C74.0759 34.0915 74.4086 34.9712 74.3219 35.6592ZM68.9828 26.4289C69.0018 26.1693 69.087 25.9122 69.2165 25.6877V27.2609C69.0362 27.0249 68.9591 26.7489 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.3911ZM15.5251 91.1484H3.98438V71.5788H15.5251V91.1484ZM26.2887 88.8617H19.5095V73.8657H26.2887V88.8617ZM96.8612 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.6411 70.3372C78.8617 70.3372 80.6685 72.1952 80.6685 74.4791C80.6685 76.7628 78.8619 78.6206 76.6411 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.7612 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.8612 73.3538Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
BIN
assets/images/top-infocard-image.png
Normal file
BIN
assets/images/top-infocard-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
262
assets/styles/main.css
Normal file
262
assets/styles/main.css
Normal file
@ -0,0 +1,262 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 28px 0;
|
||||
background: #000000;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header-logo {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main-banner ,
|
||||
.middle-banner {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.top-infocard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 80px 0 96px;
|
||||
}
|
||||
|
||||
.top-infocard-text {
|
||||
max-width: 766px;
|
||||
margin-right: 124px;
|
||||
}
|
||||
|
||||
.top-inforcard-subtitle {
|
||||
text-transform: uppercase;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.top-inforcard-title {
|
||||
margin-bottom: 24px;
|
||||
text-transform: uppercase;
|
||||
font-size: 48px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.top-inforcard-description {
|
||||
line-height: 24px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.top-cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, max-content);
|
||||
gap: 20px;
|
||||
justify-content: center;
|
||||
padding: 74px 0;
|
||||
background: #F0F0F0;
|
||||
}
|
||||
.top-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 26px 26px 34px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
|
||||
}
|
||||
|
||||
.top-card-image {
|
||||
display: block;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.top-card-description {
|
||||
max-width: 300px;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bottom-cards {
|
||||
margin-top: 140px;
|
||||
background: linear-gradient(180deg, #00C8FF 0%, #15ACD6 100%);
|
||||
}
|
||||
|
||||
.bottom-cards-wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, max-content);
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
position: relative;
|
||||
top: -60px;
|
||||
}
|
||||
|
||||
.bottom-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 36px 32px 66px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.bottom-card-image {
|
||||
display: block;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.bottom-card-description {
|
||||
max-width: 368px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.bottom-infocard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 142px 0 180px;
|
||||
}
|
||||
|
||||
.bottom-infocard-image {
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.bottom-infocard-text {
|
||||
max-width: 550px;
|
||||
}
|
||||
|
||||
.bottom-infocard-title {
|
||||
margin-bottom: 18px;
|
||||
line-height: 1;
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.bottom-infocard-description {
|
||||
line-height: 24px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 414px) {
|
||||
.main-banner-desktop, .middle-banner-desktop {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:415px) {
|
||||
.main-banner-mobile, .middle-banner-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.top-cards {
|
||||
grid-template-columns: 1fr;
|
||||
padding: 36px 26px;
|
||||
}
|
||||
|
||||
.bottom-cards {
|
||||
margin-top: 114px;
|
||||
padding: 0 26px;
|
||||
|
||||
}
|
||||
|
||||
.bottom-cards-wrapper {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 16px;
|
||||
|
||||
}
|
||||
|
||||
.bottom-card-description {
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 992px) {
|
||||
.top-infocard {
|
||||
flex-direction: column;
|
||||
padding: 84px 26px 158px;
|
||||
}
|
||||
|
||||
.top-infocard-text {
|
||||
margin: 0 0 68px;
|
||||
}
|
||||
|
||||
.top-inforcard-subtitle {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.top-inforcard-title {
|
||||
margin-bottom: 20px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
|
||||
.top-inforcard-image {
|
||||
width: 100%;
|
||||
max-width: 596px;
|
||||
max-width: 240px;
|
||||
|
||||
}
|
||||
|
||||
.bottom-infocard {
|
||||
flex-direction: column;
|
||||
padding: 80px 0 136px;
|
||||
}
|
||||
|
||||
.bottom-infocard-image {
|
||||
width: 100%;
|
||||
max-width: 596px;
|
||||
|
||||
margin:0 0 50px;
|
||||
}
|
||||
|
||||
.bottom-infocard-text {
|
||||
padding: 26px;
|
||||
}
|
||||
|
||||
.bottom-infocard-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px) and (max-width: 1200px) {
|
||||
.top-cards {
|
||||
grid-template-columns: repeat(2, max-content);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px) and (max-width: 992px) {
|
||||
.bottom-card-description {
|
||||
max-width: 280px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 993px) and (max-width: 1280px) {
|
||||
.top-infocard-text {
|
||||
max-width: 520px;
|
||||
margin-right: 70px;
|
||||
}
|
||||
|
||||
.bottom-infocard-image{
|
||||
max-width: 480px;
|
||||
}
|
||||
.bottom-infocard-text {
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
104
index.html
Normal file
104
index.html
Normal file
@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="pt-br">
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<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>M3 Lading Page</title>
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="./assets/styles/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="page-header">
|
||||
<a href="/">
|
||||
<img class="header-logo" src="assets/images/m3-logo.svg" alt="Logo M3">
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png" alt="Banner Principal Desktop">
|
||||
<img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Banner Principal Mobile">
|
||||
</section>
|
||||
<section class="top-infocard">
|
||||
<div class="top-infocard-text">
|
||||
<h2 class="top-inforcard-subtitle">Lorem ipsum</h2>
|
||||
<h1 class="top-inforcard-title">Dolor sit amet</h1>
|
||||
<p class="top-inforcard-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-inforcard-image" src="./assets/images/top-infocard-image.png" alt="Banner do Inforcard do Topo">
|
||||
</section>
|
||||
|
||||
<section class="top-cards">
|
||||
<div class="top-card">
|
||||
<img class="top-card-image" src="./assets/images/top-cards-image01.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/images/top-cards-image02.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/images/top-cards-image03.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>
|
||||
<section>
|
||||
<img class="middle-banner middle-banner-desktop" src="./assets/images/middle-banner-desktop.png" alt="Banner do Meio Desktop">
|
||||
<img class="middle-banner middle-banner-mobile" src="./assets/images/middle-banner-mobile.png" alt="Banner do Meio Mobile">
|
||||
</section>
|
||||
<section class="bottom-cards">
|
||||
<div class="bottom-cards-wrapper">
|
||||
<div class="bottom-card">
|
||||
<img class="bottom-card-image" src="assets/images/bottom-card-image01.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/images/bottom-card-image02.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/images/bottom-card-image03.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/images/bottom-card-image04.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>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bottom-infocard">
|
||||
<img class="bottom-infocard-image" src="./assets/images/bottom-infocard-image.png" alt="Banner do Inforcard de Baixo">
|
||||
<div class="bottom-infocard-text">
|
||||
<h2 class="bottom-infocard-title">Lorem ipsum dolor sit amet</h2>
|
||||
<p class="bottom-infocard-description">
|
||||
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>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user