Permalink
Browse files

All hell has broken loose

  • Loading branch information...
andrefellipe committed Apr 2, 2018
1 parent 03faa4e commit bcd227ecbd723a60458536d6801eb5e65fade382
Showing with 92 additions and 7 deletions.
  1. +40 −2 index.html
  2. +52 −5 resources/css/style.css
@@ -21,7 +21,8 @@
</ul>
</nav>
</header>
<div class="banner">
<div class="container-banner">
<img src="resources/images/banner.jpg" alt="Photo of people studying">
<div class="headline">
<h1><div class="bold padbottom">Learn something new everyday</div></h1>
@@ -31,6 +32,43 @@ <h2><div class="padbottom">Lorem ipsum dolor sit amet, consectetur adipiscing el
</div>
</div>
</div>
<div class="container-info">
<div class="img-quote">
<img src="resources/images/information-main.jpg" alt="Photo of a person reading">
<h1>It doesn't hurt to keep practicing</h1>
<p><div class="padbottom">"Curabitur vitae libero in ipsum porttitor consequat. Aliquam et
commodo lectus, nec consequat neque. Sed non accumsan urna. Phasellus
sed consequat ex. Etiam eget magna laoreet, efficitur dolor consequat,
tristique ligula."</div></p>
<h3><div class="padbottom">Emanuel, Sr Strategist at Hiring.com</div></h3>
</div>
<div class="infos">
<div class="info orientation">
<img src="resources/images/information-orientation.jpg" alt="Picture of the orientation section">
<div class="info-text">
<h2>Orientation Date</h2>
<h4>Tue 10/11 & Wed 10/12: 8am-3pm</h4>
<a href="#">Read more</a>
</div>
</div>
<div class="info">
<img src="resources/images/information-campus.jpg" alt="Picture of the campus section">
<div class="info-text">
<h2>Our campus</h2>
<h4>Find which campus is close by you</h4>
<a href="#">Read more</a>
</div>
</div>
<div class="info guest">
<img src="resources/images/information-guest-lecture.jpg" alt="Picture of the guest lecture section">
<div class="info-text">
<h2>Our guest lecture</h2>
<h4>Join a keynote with Oliver Sack about music in medical treatment</h4>
<a href="#">Read more</a>
</div>
</div>
</div>
</div>
</body>
</html>
@@ -46,15 +46,14 @@ li {
/* border: solid green; */
}
.banner {
.container-banner {
display: inline-flex;
position: relative;
top: 4rem;
background-color: gray;
padding-top: 4rem;
align-items: center;
background-color: gray;
}
.banner img {
.container-banner img {
max-width: 50%;
margin: 2rem 1.5rem;
}
@@ -78,3 +77,51 @@ li {
padding: 0.5rem;
text-align: center;
}
.container-info {
display: inline-flex;
background-color: red;
}
.img-quote {
padding: 2rem 1.5rem;
border: solid blue;
}
.img-quote img {
max-width: 100%;
margin-bottom: 2rem;
}
.img-quote h1 {
font-weight: bold;
margin-bottom: 1.5rem;
}
.infos {
padding: 2rem 0;
border: solid green;
}
.orientation {
border-bottom: 1px solid yellow;
}
.guest {
background-color: yellow;
}
.info {
display: inline-flex;
align-items: center;
border: solid pink;
}
.info img {
max-width: 35%;
}
.info-text {
max-width: 40%;
padding-left: 2rem;
}

0 comments on commit bcd227e

Please sign in to comment.