Skip to content

Pipes - Lindsey - Static Site #45

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
VirtualLindsey wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Pipes - Lindsey - Static Site #45

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
73604aa
pushing work so far
VirtualLindsey Sep 19, 2017
05dad0e
pushing some CSS
VirtualLindsey Sep 19, 2017
07135d9
adding more CSS and fixing some HTML
VirtualLindsey Sep 19, 2017
b7bca9f
adding footer
VirtualLindsey Sep 19, 2017
a082f42
cleaning up CSS
VirtualLindsey Sep 19, 2017
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
78 changes: 78 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>About Me</title>
<link rel=StyleSheet href="styles/normalize.css" type="text/css">
<link rel=StyleSheet href="styles/style.css" type="text/css">
</head>

<body>
<header class='header'>
<nav>
<h1> Lindsey Deuel </h1>
<ul>
<li> <a href='index.html'> Home </a> </li>
<li> <a href='portfolio.html'> Portfolio </a> </li>
<li> <a href='code-journal.html'> Code Journal </a> </li>
<li> <a href='about.html'> About Me </a> </li>
</ul>
</nav>
</header>

<div class = 'intro'>
<h2>Thing 1</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>
</div>

<div class = 'intro'>
<h2>Thing 2</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>
</div>

<div class = 'intro'>
<h2>Thing 3</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>
</div>
</body>
</html>
149 changes: 149 additions & 0 deletions code-journal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,149 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Code Journal</title>
<link rel=StyleSheet href="styles/normalize.css" type="text/css">
<link rel=StyleSheet href="styles/style.css" type="text/css">
</head>

<body>
<header class='header'>
<nav>
<h1> Lindsey Deuel </h1>
<ul>
<li> <a href='index.html'> Home </a> </li>
<li> <a href='portfolio.html'> Portfolio </a> </li>
<li> <a href='code-journal.html'> Code Journal </a> </li>
<li> <a href='about.html'> About Me </a> </li>
</ul>
</nav>
</header>

<div>
<h2>Articles </h2>

<div class='post'>
<a href='http://www.amazon.com'>
<img src='images/amazon.jpg' />
</a>

<h3> Post #5 | August 5th 2017</h3>



<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>


</div>

<div class='post'>

<a href='http://www.apple.com'>
<img src='images/apple.png' />
</a>
<h3> Post #4 | July 28th 2017</h3>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>


</div>

<div class='post'>
<a href='http://www.facebook.com'>
<img src='images/facebook.png' />
</a>
<h3> Post #3 | March 28th 2017</h3>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>


</div>

<div class='post'>
<a href='http://www.python.org'>
<img src='images/python.png' />
</a>

<h3> Post #2 | December 28th 2016</h3>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>


</div>

<div class='post'>
<a href='http://www.microsoft.com'>
<img src='images/windows.png' />
</a>

<h3> Post #1 | July 28th 2016</h3>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>


</div>
</div>
</body>
</html>
Binary file added images/amazon.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/apple.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/facebook.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/python.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/windows.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
70 changes: 70 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>All About Lindsey</title>
<link rel=StyleSheet href="styles/normalize.css" type="text/css">
<link rel=StyleSheet href="styles/style.css" type="text/css">
</head>

<body>
<header class='header'>
<h1> Lindsey Deuel </h1>
<nav>

<ul>
<li> <a href='index.html'> Home </a> </li>
<li> <a href='portfolio.html'> Portfolio </a> </li>
<li> <a href='code-journal.html'> Code Journal </a> </li>
<li> <a href='about.html'> About Me </a> </li>
</ul>
</nav>
</header>

<div>

<div class = 'intro'>
<h2>Header 1</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>
</div>

<div class = 'intro'>

<h2>Header 2</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed consequat vestibulum nisl at finibus. Sed vestibulum commodo
tincidunt. Proin augue sem, vestibulum ac erat ut, volutpat
porttitor ex. Suspendisse eget sapien et metus mattis interdum
nec vitae nisl. Integer elementum porta eros in faucibus. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
malesuada eget est et iaculis. Pellentesque scelerisque est diam,
vitae suscipit libero consequat nec. Aenean id nisi quis ligula
porta consequat. Mauris felis mauris, commodo eu tortor id,
malesuada eleifend massa. Praesent est dui, faucibus eget mi non,
ultricies facilisis mauris.
</p>
</div>
</div>

<footer>
<p>
2017 All rights reserved.
</p>
</footer>
</body>
</html>
81 changes: 81 additions & 0 deletions portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Portfolio</title>
<link rel=StyleSheet href="styles/normalize.css" type="text/css">
<link rel=StyleSheet href="styles/style.css" type="text/css">
</head>

<body>
<header class='header'>
<nav>
<h1> Lindsey Deuel </h1>
<ul>
<li> <a href='index.html'> Home </a> </li>
<li> <a href='portfolio.html'> Portfolio </a> </li>
<li> <a href='code-journal.html'> Code Journal </a> </li>
<li> <a href='about.html'> About Me </a> </li>
</ul>
</nav>
</header>


<h2 class = 'title'> Projects </h2>

<div>
<div class='project'>
<h3>Meowspace</h3>

<p>
Meowspace was a project desinged to introduce us to HTML and CSS. We used many
aspects of HTML (tags, linking style sheets, linking fonts, etc.), and CSS
(colors, alignment, floats, etc.) to build a website.
<p>

<a href='https://github.com/VirtualLindsey/meowspace'>Git Repo Link </a>
</div>

<div class='project'>
<h3>Hotel</h3>

<p>
Hotel was a project designed to implement the ideas of modules and classes.
The code I wrote allows guests to book a reservation, an allows hotel staff
to reserve rooms if they need to. It also handles all of the logic of
ensuring rooms are not double booked.
<p>

<a href='https://github.com/VirtualLindsey/hotel'>Git Repo Link </a>
</div>

<div class='project'>
<h3>Grocery Store</h3>

<p>
Grocery Store was an introduction to the idea of classes inside of modules,
and reading CSV files. It also showed the difference between class methods
and instance methods.

<p>

<a href='https://github.com/VirtualLindsey/grocery-store'>Git Repo Link </a>
</div>



<div class='project'>
<h3>Solar System</h3>

<p>
Solar System was a project designed to implement the ideas of classes, and
instance variables. We created Planet classes and added them to our Solar System
class. We then setup checks to access and verify various attributes about each planet.
<p>

<a href='https://github.com/VirtualLindsey/Solar-System'>Git Repo Link </a>
</div>
</div>
</body>
</html>
Loading