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
55 changes: 55 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles/about-styles.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monoton" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monofett" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Codystar" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bungee+Shade" rel="stylesheet">
<meta charset="utf-8">
<title>About Sara</title>
</head>
<body>
<header>
<h2><a href="index.html"> Home </a></h2>

<nav>
<ul>
<li><a href="about.html"> About </a></li>
<li><a href="portfolio.html"> Portfolio </a> </li>
<li><a href="code-journal.html"> Projects </a></li>
</ul>
</nav>
</header>

<main>
<section>
<h1> About Me </h1>
</section>

<section>
<div class = "circle">
<img alt="My Kitten" src="images/Bittencopy.jpg">
</div>
<h2>Sara Chandler</h2>
<p>
is a biologist turned programmer. Living in Seattle and attending Ada Developers Academy,
she enjoys spending her time hanging out with her cat, Pterodactyl, reading comics, and playing video games.
</p>
</section>
</main>


<footer>
<img alt="Moonlit Sky" src="images/header-background.jpg">
<h4> &copy; 2017 </h4>
<p id="disclaimer">
A Saracha Creation
</p>

</footer>

</body>
</html>
69 changes: 69 additions & 0 deletions code-journal.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles/proj-styles.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monoton" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monofett" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Codystar" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bungee+Shade" rel="stylesheet">
<meta charset="utf-8">
<title>Sara's Projects</title>
</head>
<body>
<header>
<h2><a href="index.html"> Home </a></h2>

<nav>
<ul>
<li><a href="about.html"> About </a></li>
<li><a href="portfolio.html"> Portfolio </a> </li>
<li><a href="code-journal.html"> Projects </a></li>
</ul>
</nav>
</header>

<main>
<section>
<h1> Things I'm working on </h1>
</section>

<section>
<div class = "circle">
<img alt="Blep Cat" src="images/blep-cat.jpg">
</div>
<h2>Witch Princess</h2>
<div id = "art">
<h4>Story and Art Director</h4>
</div>
<p>
A children's story about a princess who wants to be a witch. Coming Soon!
</p>
</section>

<section>
<div class = "circle_charitie">
<img alt="Charitie" src="images/Artboard2-100.jpg">
</div>
<h2>Charitie</h2>
<div id = "vp">
<h4>Vice President and Secretary</h4>
</div>
<p>
A charity supporting workspace for makers, artists, and craftspersons.
</p>
</section>
</main>

<footer>
<img alt="Moonlit Sky" src="images/header-background.jpg">
<h4> &copy; 2017 </h4>
<p id="disclaimer">
A Saracha Creation
</p>

</footer>

</body>
</html>
Binary file added images/Artboard2-100.jpg
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/Bittencopy.jpg
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/ada.jpg
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/blep-cat.jpg
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/charitie.png
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/header-background.jpg
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/static-icon.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
50 changes: 50 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles/styles.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monoton" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monofett" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Codystar" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bungee+Shade" rel="stylesheet">
<meta charset="utf-8">
<title>Static Sara</title>
</head>
<body>
<header>
<h2><a href="index.html"> Home </a></h2>

<nav>
<ul>
<li><a href="about.html"> About </a></li>
<li><a href="portfolio.html"> Portfolio </a> </li>
<li><a href="code-journal.html"> Projects </a></li>
</ul>
</nav>
</header>

<main>
<section>
<div class = "circle">
<img alt="Saracha" src="images/static-icon.jpg">
</div>
<h2> Hi, I'm</h2>
<h1> Sara Chandler </h1>
<p>
I like coding, cats, and comics.
</p>
</section>
</main>

<footer>
<img alt="Moonlit Sky" src="images/header-background.jpg">
<h4> &copy; 2017 </h4>
<p id="disclaimer">
A Saracha Creation
</p>

</footer>

</body>
</html>
74 changes: 74 additions & 0 deletions portfolio.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles/port-styles.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monoton" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monofett" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Codystar" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bungee+Shade" rel="stylesheet">
<meta charset="utf-8">
<title>Sara's Portfolio</title>
</head>
<body>
<header>
<h2><a href="index.html"> Home </a></h2>

<nav>
<ul>
<li><a href="about.html"> About </a></li>
<li><a href="portfolio.html"> Portfolio </a> </li>
<li><a href="code-journal.html"> Projects </a></li>
</ul>
</nav>
</header>

<main>
<section>
<h1> My Ada Code Projects </h1>
</section>

<section>
<div class = "circle">
<img alt="Ada Lovelace" src="images/ada.jpg">
</div>
<div id = "hoteltitle">
<h2><a href="https://github.com/SaraChandler/hotel">Hotel</a></h2>
</div>
<div id = "hotel">
<h4>Intermediate Ruby</h4>
</div>
<div id ="hotelpara">
<p>
A program detailing the business logic for a hotel. Makes reservations and calculates the bill for your hotel!
</p>
</div>
</section>

<section>
<div id = "meowtitle">
<h2><a href="https://github.com/SaraChandler/meowspace">MeowSpace</a></h2>
</div>
<div id = "meowspace">
<h4>HTML and CSS</h4>
</div>
<div id = "meowpara">
<p>
A website featuring cats and cat related stories.
</p>
</div>
</section>
</main>

<footer>
<img alt="Moonlit Sky" src="images/header-background.jpg">
<h4> &copy; 2017 </h4>
<p id="disclaimer">
A Saracha Creation
</p>

</footer>

</body>
</html>
Loading