Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .images/background-calm-clouds-747964.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 27 additions & 24 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,17 +3,20 @@
<head>
<meta charset="utf-8">
<title>Startrly</title>
<link href="normalize.css" rel="stylesheet" />
<link href="styles.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body>
<div>
<div class ="wrapper">


<nav>
<ul>
<li>
<nav class="nav">
<ul class = "nav-box">
<li class = "nav-home" >
Startrly
</li>
<li>
<li class = "nav-try">
Try Now!
</li>
<li>
Expand All @@ -23,14 +26,14 @@
</nav>


<section>
<h1>Startrly</h1>
<sub>A catchy tagline for a great solution</sub>
<a href="#">Some Call to Action</a>
<section class = "header-box">
<div class="header-startly"><h1>Startrly</h1></div>
<div class="header-tagline"><sub>A catchy tagline for a great solution</sub></div>
<div><a href="#" class="header-button">Some Call to Action</a></div>
</section>


<section>
<section class= "content-quote">
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</blockquote>
Expand All @@ -40,9 +43,9 @@ <h1>Startrly</h1>
</section>


<section>
<section class = "content-why">
<h2>Why?</h2>
<ul>
<ul class="why-pictures-box">
<li>
<img src="http://via.placeholder.com/100x100" />
<strong>Comfortable</strong>
Expand All @@ -68,7 +71,7 @@ <h2>Why?</h2>
</section>


<section>
<section class= "content-quote">
<blockquote>
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
</blockquote>
Expand All @@ -78,30 +81,30 @@ <h2>Why?</h2>
</section>


<section>
<section class="content-team">
<h2>Meet the team</h2>
<ul>
<li>
<li class="kari">
<img src="https://placebear.com/150/150" alt="profile for kari kiwi" />
<span>Kari Kiwi</span>
<span>CFO</span>
</li>
<li>
<li class= "dan">
<img src="https://placebear.com/150/150" alt="profile for dan dragon" />
<span>Dan Dragon</span>
<span>CMO</span>
</li>
<li>
<li class="chris">
<img src="https://placebear.com/150/150" alt="profile for chris caribou" />
<span>Chris Caribou</span>
<span>CIO</span>
</li>
<li>
<li class ="charles">
<img src="https://placebear.com/150/150" alt="profile for charles cheetah" />
<span>Charles Cheetah</span>
<span>Board Member, CTO</span>
</li>
<li>
<li class="dee">
<img src="https://placebear.com/150/150" alt="profile for dee dugong" />
<span>Dee Dugong</span>
<span>Startup Enthusiast</span>
Expand All @@ -110,9 +113,9 @@ <h2>Meet the team</h2>
</section>


<section>
<section class="content-sponsors">
<h2>Sponsors</h2>
<ul>
<ul class = "box">
<li>
<img src="http://via.placeholder.com/300x100" />
</li>
Expand All @@ -132,8 +135,8 @@ <h2>Sponsors</h2>
</section>


<section>
<div>
<section class= "footer">
<div class="footer-support">
<h3>Support</h3>
<ul>
<li>
Expand All @@ -150,7 +153,7 @@ <h3>Support</h3>
</li>
</ul>
</div>
<div>
<div class="footer-about">
<h3>About</h3>
<ul>
<li>
Expand Down
Loading