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
102 changes: 51 additions & 51 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,63 +2,63 @@
<html>
<head>
<meta charset="utf-8">
<link rel=StyleSheet href="styles/normalize.css" type="text/css">
<link rel=StyleSheet href="styles/style.css" type="text/css">
<title>Startrly</title>
</head>
<body>
<div>


<nav>
<ul>
<li>
Startrly
</li>
<li>
Try Now!
</li>
<li>
About
</li>
</ul>
</nav>

<body>

<section>
<h1>Startrly</h1>
<sub>A catchy tagline for a great solution</sub>
<a href="#">Some Call to Action</a>
<nav>
<ul class="navigation_bar">
<li>
Pizza Cage
</li>
<li id="try">
Try Now!
</li>
<li>
About
</li>
</ul>
</nav>

<main>
<section class="borders" id="title_and_tagline">
<h1>Pizza Cage</h1>
<sub>Feed Nicolas Cage a Slice of Pizza</sub>
<a id="button" href="#">Feed Him Now</a>
</section>


<section>
<section class="borders" id="lorem_quote">
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
OH, NO! NOT THE BEES! NOT THE BEES! AAAAAHHHHH! OH, THEY'RE IN MY EYES! MY EYES! AAAAHHHHH! AAAAAGGHHH!
</blockquote>
<p>
Mx. Lorem
The Wicker Man
</p>
</section>


<section>
<section class="borders" id="why_section">
<h2>Why?</h2>
<ul>
<li>
<img src="http://via.placeholder.com/100x100" />
<strong>Comfortable</strong>
<p>
<img src="https://www.placecage.com/100/100" />
<strong>Comfortable</strong>
<p>
Et quas molestias excepturi sint occaecati cupiditate non providents, ut aut reiciendis voluptatibus maiores.
</p>
</p>
</li>
<li>
<img src="http://via.placeholder.com/100x100" />
<img src="https://www.placecage.com/100/100" />
<strong>Robust</strong>
<p>
At vero eos et accusamus et iusto odio dignissimos ducimus qui. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam.
</p>
</li>
<li>
<img src="http://via.placeholder.com/100x100" />
<img src="https://www.placecage.com/100/100" />
<strong>Convenient</strong>
<p>
Itaque earum rerum hic tenetur a sapiente delectus.
Expand All @@ -68,71 +68,71 @@ <h2>Why?</h2>
</section>


<section>
<section class="borders">
<blockquote>
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
I am not a demon. I am a lizard, a shark, a heat-seeking panther. I want to be Bob Denver on acid playing the accordion.
</blockquote>
<p>
Mx. Ipsum
Nicolas Cage
</p>
</section>


<section>
<section class="team_profiles">
<h2>Meet the team</h2>
<ul>
<ul class="profile_photos">
<li>
<img src="https://placebear.com/150/150" alt="profile for kari kiwi" />
<img src="https://www.placecage.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" />
<img src="https://www.placecage.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" />
<img src="https://www.placecage.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" />
<img src="https://www.placecage.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" />
<img src="https://www.placecage.com/150/150" alt="profile for dee dugong" />
<span>Dee Dugong</span>
<span>Startup Enthusiast</span>
</li>
</ul>
</section>


<section>
<section class="borders" id="sponsors">
<h2>Sponsors</h2>
<ul>
<ul class="sponsor_images">
<li>
<img src="http://via.placeholder.com/300x100" />
<img src="https://www.placecage.com/300/100" />
</li>
<li>
<img src="http://via.placeholder.com/250x125" />
<img src="https://www.placecage.com/250/125" />
</li>
<li>
<img src="http://via.placeholder.com/275x70" />
<img src="https://www.placecage.com/275/70" />
</li>
<li>
<img src="http://via.placeholder.com/250x120" />
<img src="https://www.placecage.com/250/120" />
</li>
<li>
<img src="http://via.placeholder.com/220x100" />
<img src="https://www.placecage.com/220/100" />
</li>
</ul>
</section>


<section>
<section class="footer">
<div>
<h3>Support</h3>
<ul>
Expand Down Expand Up @@ -166,6 +166,6 @@ <h3>About</h3>
</div>
</section>

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