Skip to content
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

Angelica Ceja - Personal Portfolio Site - Octos #19

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

Angelica Ceja - Personal Portfolio Site - Octos #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
5b052cf
Set up page structure and header, nav, and footer
amcejamorales Mar 16, 2018
48f0dd3
Set up normalize and main styles
amcejamorales Mar 16, 2018
2aaa6ae
Set up basic styles for universal elements, i.e., header, nav, etc.
amcejamorales Mar 16, 2018
ac75f1b
Add basic styles to home page
amcejamorales Mar 16, 2018
70cbdab
Add image and style to hero banner on home page
amcejamorales Mar 16, 2018
16a64e6
Add styles to home about section
amcejamorales Mar 18, 2018
ce77c99
Add universal section styles to home page
amcejamorales Mar 18, 2018
9b014ca
Add more styles to nav on all pages; modify hero banner margin
amcejamorales Mar 18, 2018
442e484
fix top nav bar to the top of the browser
amcejamorales Mar 19, 2018
ae39a53
Add about page content and styles
amcejamorales Mar 19, 2018
755275f
Add styles to code journal page
amcejamorales Mar 19, 2018
9b66081
Add styles to portfolio page
amcejamorales Mar 19, 2018
9fa175f
Update styles for portfolio page
amcejamorales Mar 19, 2018
569c765
Add content to portfolio page
amcejamorales Mar 19, 2018
9427b48
Add flex to portfolio page
amcejamorales Mar 19, 2018
e57d279
Modify content style for portfolio page
amcejamorales Mar 19, 2018
2545e99
Add content and styles to code journal pages
amcejamorales Mar 19, 2018
7b7e147
Add final styles to home page
amcejamorales Mar 19, 2018
94622ac
Add approprate alt attribute values to images and lang attribute to h…
amcejamorales Mar 19, 2018
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
2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,3 @@
.DS_Store
photo-creds.rtf
notes.txt
72 changes: 72 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Angelica's Portfolio Site | About</title>
<link rel="stylesheet" href="stylesheets/normalize.css">
<link rel="stylesheet" href="stylesheets/main.css">
<link rel="stylesheet" href="stylesheets/about.css">
</head>
<body>

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

<main>
<section>
<div class="from-info">
<h2>Where I'm from</h2>
<img src="https://picsum.photos/4000/2248?image=984
" alt="falling on green hills">
</div>
<p>
Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
</p>
</section>

<section>
<div class="doing-info">
<h2>What I'm doing</h2>
<img src="https://picsum.photos/6016/4016?image=998
" alt="old letters, pictures, and writing ink">
</div>
<p>
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum.
</p>
</section>

<section>
<div class="going-info">
<h2>Where I'm going</h2>
<img src="https://picsum.photos/5616/3744?image=1048
" alt="view of skyscrapers from the ground">
</div>
<p>
Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur.
</p>
</section>
</main>


<footer>
<p>I don't have social media 'cause it's too much work. But I am on <a href="https://github.com/amcejamorales" target="_blank">GitHub</a> and <a href="https://www.linkedin.com/in/angelica-ceja-b611b5139" target="_blank">LinkedIn</a>. You can also email me <a href="mailto:amcejamorales@gmail.com">here</a>.</p>
</footer>

</body>
</html>
77 changes: 77 additions & 0 deletions code-journal/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Angelica's Portfolio Site | </title>
<link rel="stylesheet" href="../stylesheets/normalize.css">
<link rel="stylesheet" href="../stylesheets/main.css">
<link rel="stylesheet" href="../stylesheets/code-journal.css">
</head>
<body>

<header>
<nav>
<ul>
<li>
<a href="../index.html">Home</a>
</li>
<li>
<a href="../about.html">About</a>
</li>
<li>
<a href="../portfolio.html">Portfolio</a>
</li>
<li>
<a href="#">Code Journal</a>
</li>
</ul>
</nav>
</header>

<main>
<aside>
<ul>
<li>
<a href="week-one.html">Week 1</a>
</li>
<li>
<a href="week-two.html">Week 2</a>
</li>
<li>
<a href="week-three.html">Week 3</a>
</li>
<li>
<a href="week-four.html">Week 4</a>
</li>
<li>
<a href="week-five.html">Week 5</a>
</li>
<li>
<a href="week-six.html">Week 6</a>
</li>
</ul>
</aside>
<section class="journal-section">
<h2>Egestas Ullamcorper Ultricies Sem</h2>
<p>
Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Sed posuere consectetur est at lobortis.
</p>
<p>

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod.
</p>
<p>
Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper.
</p>
<p>
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
</p>
</section>
</main>

<footer>
<p>I don't have social media 'cause it's too much work. But I am on <a href="https://github.com/amcejamorales" target="_blank">GitHub</a> and <a href="https://www.linkedin.com/in/angelica-ceja-b611b5139" target="_blank">LinkedIn</a>. You can also email me <a href="mailto:amcejamorales@gmail.com">here</a>.</p>
</footer>

</body>
</html>
92 changes: 92 additions & 0 deletions code-journal/week-five.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Angelica's Portfolio Site | </title>
<link rel="stylesheet" href="../stylesheets/normalize.css">
<link rel="stylesheet" href="../stylesheets/main.css">
<link rel="stylesheet" href="../stylesheets/code-journal.css">
</head>
<body>

<header>
<nav>
<ul>
<li>
<a href="../index.html">Home</a>
</li>
<li>
<a href="../about.html">About</a>
</li>
<li>
<a href="../portfolio.html">Portfolio</a>
</li>
<li>
<a href="index.html">Code Journal</a>
</li>
</ul>
</nav>
</header>

<main>
<aside>
<ul>
<li>
<a href="week-one.html">Week 1</a>
</li>
<li>
<a href="week-two.html">Week 2</a>
</li>
<li>
<a href="week-three.html">Week 3</a>
</li>
<li>
<a href="week-four.html">Week 4</a>
</li>
<li>
<a href="week-five.html" class="active">Week 5</a>
</li>
<li>
<a href="week-six.html">Week 6</a>
</li>
</ul>
</aside>
<section class="journal-section">
<h2>Week Five</h2>
<p>
Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
</p>
<p>
Nulla vitae elit libero, a pharetra augue. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
</p>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.
</p>
<p>
Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Sed posuere consectetur est at lobortis.
</p>
<p>

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod.
</p>
<p>
Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper.
</p>
<p>
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
</p>
<p>
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.
</p>
<p>
Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</section>
</main>

<footer>
<p>I don't have social media 'cause it's too much work. But I am on <a href="https://github.com/amcejamorales" target="_blank">GitHub</a> and <a href="https://www.linkedin.com/in/angelica-ceja-b611b5139" target="_blank">LinkedIn</a>. You can also email me <a href="mailto:amcejamorales@gmail.com">here</a>.</p>
</footer>

</body>
</html>
82 changes: 82 additions & 0 deletions code-journal/week-four.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Angelica's Portfolio Site | </title>
<link rel="stylesheet" href="../stylesheets/normalize.css">
<link rel="stylesheet" href="../stylesheets/main.css">
<link rel="stylesheet" href="../stylesheets/code-journal.css">
</head>
<body>

<header>
<nav>
<ul>
<li>
<a href="../index.html">Home</a>
</li>
<li>
<a href="../about.html">About</a>
</li>
<li>
<a href="../portfolio.html">Portfolio</a>
</li>
<li>
<a href="index.html">Code Journal</a>
</li>
</ul>
</nav>
</header>

<main>
<aside>
<ul>
<li>
<a href="week-one.html">Week 1</a>
</li>
<li>
<a href="week-two.html">Week 2</a>
</li>
<li>
<a href="week-three.html">Week 3</a>
</li>
<li>
<a href="week-four.html" class="active">Week 4</a>
</li>
<li>
<a href="week-five.html">Week 5</a>
</li>
<li>
<a href="week-six.html">Week 6</a>
</li>
</ul>
</aside>
<section class="journal-section">
<h2>Week Four</h2>
<p>
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.
</p>
<p>
Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
<p>
Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Sed posuere consectetur est at lobortis.
</p>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod.
</p>
<p>
Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper.
</p>
<p>
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
</p>
</section>
</main>

<footer>
<p>I don't have social media 'cause it's too much work. But I am on <a href="https://github.com/amcejamorales" target="_blank">GitHub</a> and <a href="https://www.linkedin.com/in/angelica-ceja-b611b5139" target="_blank">LinkedIn</a>. You can also email me <a href="mailto:amcejamorales@gmail.com">here</a>.</p>
</footer>

</body>
</html>
Loading