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
86 changes: 43 additions & 43 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@
<head>
<meta charset="utf-8">
<title>Startrly</title>
<link rel=stylesheet href="styles/normalize.css" type="text/css" media=screen>
<link rel=StyleSheet href="styles/style.css" type="text/css" media=screen>
</head>
<body>
<div>
<body class="container">


<nav>
<ul>
<nav class="nav-bar">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like the addition of these classes. I think you did a great job of choosing descriptive names.

<ul class="nav-bar-list">
<li>
Startrly
</li>
Expand All @@ -23,14 +23,14 @@
</nav>


<section>
<section class="hero">
<h1>Startrly</h1>
<sub>A catchy tagline for a great solution</sub>
<a href="#">Some Call to Action</a>
</section>


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

<section>
<h2>Why?</h2>
<ul>
<ul class="reasons">
<li>
<img src="http://via.placeholder.com/100x100" />
<strong>Comfortable</strong>
Expand All @@ -62,13 +62,13 @@ <h2>Why?</h2>
<strong>Convenient</strong>
<p>
Itaque earum rerum hic tenetur a sapiente delectus.
</p>
</p>
</li>
</ul>
</section>


<section>
<section id="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 @@ -80,39 +80,41 @@ <h2>Why?</h2>

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


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


<section>
<div>
<section class="footer">
<div id="support">
<h3>Support</h3>
<ul>
<li>
Expand All @@ -150,7 +151,7 @@ <h3>Support</h3>
</li>
</ul>
</div>
<div>
<div id="about">
<h3>About</h3>
<ul>
<li>
Expand All @@ -166,6 +167,5 @@ <h3>About</h3>
</div>
</section>

</div>
</body>
</html>
Loading