Skip to content

Leaves - Kristina #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
krismosk wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Leaves - Kristina #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
034f77c
Created style and normalize CSS files
krismosk Sep 18, 2019
7c2e508
Work in progress
krismosk Sep 19, 2019
29c5a44
Added border to top 3 sections, created flexbox for those sections
krismosk Sep 19, 2019
f097dc1
Formatted footer section with flexbox
krismosk Sep 19, 2019
aa4dc42
Added flexbox containers to all sections of webpage. Looks similar to…
krismosk Sep 19, 2019
e2c6306
Added grid to footer section
krismosk Sep 19, 2019
ac1f19e
Completed.
krismosk Sep 20, 2019
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
37 changes: 20 additions & 17 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,34 +3,37 @@
<head>
<meta charset="utf-8">
<title>Startrly</title>
<link href="styles/normalize.css" rel="stylesheet">
<link href="styles/style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<div>


<nav>
<ul>
<li>
<ul class="nav-container">
<li id="startrly">
Startrly
</li>
<li>
<li id="try-now">
Try Now!
</li>
<li>
<li id="about">
About
</li>
</ul>
</nav>


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


<section>
<section class="section-blockquote-one-container">
<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>
<h2>Why?</h2>
<ul>
<section class="why-wrapper-container">
<h2 class="why-header-container">Why?</h2>
<ul class="why-list-container">
<li>
<img src="http://via.placeholder.com/100x100" />
<strong>Comfortable</strong>
Expand All @@ -68,7 +71,7 @@ <h2>Why?</h2>
</section>


<section>
<section class="section-blockquote-two-container">
<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,7 +83,7 @@ <h2>Why?</h2>

<section>
<h2>Meet the team</h2>
<ul>
<ul class="team-container">
<li>
<img src="https://placebear.com/150/150" alt="profile for kari kiwi" />
<span>Kari Kiwi</span>
Expand Down Expand Up @@ -112,7 +115,7 @@ <h2>Meet the team</h2>

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


<section>
<section class="footer-section-container ">
<div>
<h3>Support</h3>
<ul>
<h3 class="header support">Support</h3>
Copy link

@kelsk kelsk Sep 20, 2019

Choose a reason for hiding this comment

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

Your naming conventions for classes and ids make it easy to understand what the html element's purpose is, well done!

<ul class="content support">
<li>
Demo
</li>
Expand All @@ -151,8 +154,8 @@ <h3>Support</h3>
</ul>
</div>
<div>
<h3>About</h3>
<ul>
<h3 class="header about">About</h3>
<ul class="content about">
<li>
Our Mission
</li>
Expand Down
Loading