RamonDiasFerreira/challenge-landing-page
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature-landing-page #1

Merged
RamonDiasFerreira merged 16 commits from feature-landing-page into main 2022-10-13 22:45:10 +00:00
Conversation 0 Commits 16 Files Changed 21 +46 -8
2 changed files with 46 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a0ef943a3f - Show all commits

40
assets/styles/landing-page.css
View File

@ -12,4 +12,42 @@ header {
margin: 0;
width: 100%;
height: 101px;
}
}
.banner-top{
width: 100%;
}
.information-network{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.sub-title, .title, .descriptiom{
text-align: center;
}
.sub-title{
font-size: clamp(1.75em, 1em + 2vw, 2em);
padding-top: 73px;
text-transform: uppercase;
}
.title{
font-size: clamp(1.75em, 1em + 3vw, 3em);
text-transform: uppercase;
}
.descriptiom{
width: 40%;
font-size: clamp(0.75em, 1em + 1vw, 1em);
padding-top: 28px;
padding-bottom: 73px;
}
.network{
display: flex;
justify-content: center;
}

14
landing-page.html
View File

@ -15,14 +15,14 @@
</header>
<main>
<figure>
<img src="./assets/images/banner.png"/>
<img class="banner-top" src="./assets/images/banner.png"/>
</figure>
<div>
<h2>Lorem ipsum</h2>
<h1>dolor sit amet</h1>
<p>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>
<figure>
<section class="information-network">
<h2 class="sub-title">Lorem ipsum</h2>
<h1 class="title">dolor sit amet</h1>
<p class="descriptiom">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>
</section>
<figure class="network">
<img src="./assets/images/networkcomputters.png"/>
</figure>
<section>