Jan Edrozo | Caret #27
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,51 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Jan Edrozo - Home</title> | ||
| <link href="https://fonts.googleapis.com/css?family=Lora:400,400i|Open+Sans:300,400,600i,800" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet"> | ||
| <link rel="stylesheet" href="styles/normalize.css"> | ||
| <link rel="stylesheet" href="styles/main.css" type="text/css" media="screen"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <h2><a href="index.html">Jan Edrozo</a></h2> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="pages/about.html">About</a></li> | ||
| <li><a href="pages/portfolio.html">Portfolio</a></li> | ||
| <li><a href="pages/blog.html">Blog</a></li> | ||
| <li><a href="mailto:jedrozo@gmail.com?Subject=Oh%20Hai%20There" target="_top">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <main> | ||
| <section class="home-banner"> | ||
| <h1>Welcome</h1> | ||
| <img alt="Seattle Watercolored Skyline" src="https://img1.etsystatic.com/048/0/9723503/il_fullxfull.680432615_dee0.jpg"> | ||
| </section> | ||
|
|
||
| <section class="main-text"> | ||
| <h2>Hello. My name is Jan Edrozo.</h2> | ||
| <hr /> | ||
| <p> | ||
| I'm an aspiring software engineer, currently studying full-stack software development at Ada Developers Academy in Seattle, WA. | ||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
| </section> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <section class="contact"> | ||
| <p> | ||
| Thanks for visiting my site! Questions? | ||
| <a href="mailto:jedrozo@gmail.com?Subject=Oh%20Hai%20There" target="_top">Shoot me an email!</a> | ||
| </p> | ||
| </section> | ||
| </footer> | ||
|
|
||
| </body> | ||
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>About Me</title> | ||
| <link href="https://fonts.googleapis.com/css?family=Lora:400,400i|Open+Sans:300,400,600i,800" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet"> | ||
| <link rel="stylesheet" href="../styles/normalize.css"> | ||
| <link rel="stylesheet" href="../styles/main.css" type="text/css" media="screen"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <h2><a href="../index.html">Jan Edrozo</a></h2> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="portfolio.html">Portfolio</a></li> | ||
| <li><a href="blog.html">Blog</a></li> | ||
| <li><a href="mailto:jedrozo@gmail.com?Subject=Oh%20Hai%20There" target="_top">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <main> | ||
| <section class="about-me"> | ||
| <img alt="Black and White Profile Photo" src="../images/je_profile.jpg"> | ||
| </section> | ||
|
|
||
| <section class="main-text"> | ||
| <h2>About Me</h2> | ||
| <hr /> | ||
| <p> | ||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
| </section> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <section class="contact"> | ||
| <p> | ||
| Thanks for visiting my site! Questions? | ||
| <a href="mailto:jedrozo@gmail.com?Subject=Oh%20Hai%20There" target="_top">Shoot me an email!</a> | ||
| </p> | ||
| </section> | ||
| </footer> | ||
|
|
||
| </body> | ||
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,74 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Jan's Blog</title> | ||
| <link href="https://fonts.googleapis.com/css?family=Lora:400,400i|Open+Sans:300,400,600i,800" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Over+the+Rainbow" rel="stylesheet"> | ||
| <link rel="stylesheet" href="../styles/normalize.css"> | ||
| <link rel="stylesheet" href="../styles/main.css" type="text/css" media="screen"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <h2><a href="../index.html">Jan Edrozo</a></h2> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="portfolio.html">Portfolio</a></li> | ||
| <li><a href="blog.html">Blog</a></li> | ||
| <li><a href="mailto:jedrozo@gmail.com?Subject=Oh%20Hai%20There" target="_top">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <main> | ||
| <section class="blog"> | ||
| <!-- <div class="crop"> | ||
| <img class="center-piece" alt="analog clock surrounded by colorful words in chalk" src="../images/clock.png"> | ||
| </div> --> | ||
|
|
||
| <div class="color-box"> | ||
| <h1>Blog * Blog * Blog</h1> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="weekly-posts"> | ||
| <article class="main-text"> | ||
| <h2>Week 2</h2> | ||
| <hr /> | ||
| <p> | ||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
|
|
||
| <h2>Week 1</h2> | ||
| <hr /> | ||
|
|
||
| <p> | ||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
| <p> | ||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
| <p> | ||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
| <p> | ||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
| </article> | ||
| </section> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <section class="contact"> | ||
| <p> | ||
| Thanks for visiting my site! Questions? | ||
| <a href="mailto:jedrozo@gmail.com?Subject=Oh%20Hai%20There" target="_top">Shoot me an email!</a> | ||
| </p> | ||
| </section> | ||
| </footer> | ||
|
|
||
| </body> | ||
| </html> | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Jan's Portfolio</title> | ||
| <link href="https://fonts.googleapis.com/css?family=Lora:400,400i|Open+Sans:300,400,600i,800" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet"> | ||
| <link rel="stylesheet" href="../styles/normalize.css"> | ||
| <link rel="stylesheet" href="../styles/main.css" type="text/css" media="screen"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <h2><a href="../index.html">Jan Edrozo</a></h2> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="portfolio.html">Portfolio</a></li> | ||
| <li><a href="blog.html">Blog</a></li> | ||
| <li><a href="mailto:jedrozo@gmail.com?Subject=Oh%20Hai%20There" target="_top">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <main> | ||
| <section class="portfolio"> | ||
| <img class="center-piece" alt="portfolio in cursive" src="../images/portfolio_cursive.png"> | ||
| </section> | ||
|
|
||
| <section class="main-text"> | ||
| <h2>Recent Projects</h2> | ||
| <hr /> | ||
| <p> | ||
|
There was a problem hiding this comment. If there were more content here, I might have put each "project" in a separate container that represented one "project" each |
||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
|
|
||
| <p> | ||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
|
|
||
| <p> | ||
| lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac euismod ante, quis vestibulum mauris. Duis vestibulum enim et ultricies pharetra. In et libero elit. Pellentesque nec lectus malesuada, accumsan ipsum non, aliquam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin non mollis nulla. Aenean nec ex eget elit hendrerit mattis non in orci. Nam metus justo, fringilla ut elit at, cursus luctus nunc. Ut cursus erat id faucibus consequat. Mauris velit magna, semper rutrum arcu ut, rhoncus convallis dolor. Duis pretium porta imperdiet. Integer bibendum quam quis ipsum suscipit interdum. | ||
| </p> | ||
| </section> | ||
|
|
||
| <hr /> | ||
|
|
||
| <section class="portfolio-links"> | ||
| <ul> | ||
| <li><a href="https://github.com/JNEdrozo">GitHub</a></li> | ||
| <li><a href="https://www.linkedin.com/in/jan-edrozo/">LinkedIn</a></li> | ||
| <li><a href="#">Resume</a></li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| </main> | ||
|
|
||
| <footer> | ||
| <section class="contact"> | ||
| <p> | ||
| Thanks for visiting my site! Questions? | ||
| <a href="mailto:jedrozo@gmail.com?Subject=Oh%20Hai%20There" target="_top">Shoot me an email!</a> | ||
| </p> | ||
| </section> | ||
| </footer> | ||
|
|
||
| </body> | ||
| </html> | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I would probably put each "post" in a different
<article>tag