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.

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

Earth - Denise Rocha - Personal Portfolio #42

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
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
6 changes: 6 additions & 0 deletions .idea/.gitignore

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 4 additions & 0 deletions .idea/misc.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 8 additions & 0 deletions .idea/modules.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

15 changes: 15 additions & 0 deletions .idea/personal-portfolio-site.iml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions .idea/vcs.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

40 changes: 40 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="css/style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width">
<title>About Denise</title>
</head>

<body>
<header>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="portfolio.html">Portfolio</a>
<a href="hobby-blog.html">More</a>
</nav>
<h1>Denise</h1>
</header>

<main>
<div class="intro">
<article class="about">
<h2>About Me</h2>
<p>Hi, I'm Denise Soares, and my pronouns are she/her. I was born in Brazil and moved to the United States in 2017; since then, I live in the beautiful Seattle, surrounded by art, music, good food and lots of trees. In my free time, I try to spend as much time outdoors as I can, either by travelling long distances or by exploring my surroundings.</p>

<p><b>Full Stack Developer in Training</b> - Currently studying at Ada Developers Academy </p>
</article>
</div>
</main>

<footer>
<ul>
<li><a href="https://linkedin.com/in/denise-rsoares" target="_blank"><img src="images/linkedin.png" alt="LinkedIn"></a></li>
<li><a href="https://github.com/dnsrocha" target="_blank"><img src="images/github.png" alt="GitHub"</a></li>
</ul>
<p>2020 Denise Soares - All Rights Reserved</p>
</footer>
</body>
</html>
131 changes: 131 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
header {
min-width: 700px;
background-color: rgb(216, 211, 211);
text-align: center;
}
img {
max-width: 100%;
height: auto;
}

img:hover {
opacity: 70%;
}
html, body {
height: 100%;
}

body {
display: flex;
height: 100%;
display: flex;
flex-direction: column;
margin: 0px;
font-family: verdana;
border: white 2px solid;
}

nav {
display: flex;
justify-content: center;
background-color: rgba(8, 1, 1, 0.966);
padding: 5px;
}

nav a {
text-decoration: none;
color: white;
font-size: 20px;
padding: 10px;
}

nav a:hover {
color: rgb(126, 59, 4);
}

.images {
display: flex;
padding: 5px;
}

.image {
margin: 10px;
text-align: center;
min-width: 210px;
box-shadow: 0 4px 8px 0 rgba(40, 78, 3, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.subject h2 {
margin: 60px 0px 0px 0px;
padding: 7px;
background-image: radial-gradient(rgb(163, 155, 155), white 70%);
font-family: Georgia, 'Times New Roman', Times, serif;
text-align: center;
font-size: 40px;
min-width: 700px;
}

.intro {
display: flex;
flex-direction: column;
border: white solid 3px;
}
.about {
max-width: 600px;
padding: 1px 10px;
margin: 20px 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.about h2 {
text-decoration: underline;
}

.about:nth-of-type(3) {
border: rgb(126, 59, 4) solid 2px;
align-self: flex-end;
}

.portfolio {
display: flex;
flex-direction: column;
border: white solid 3px;
}

.dev {
max-width: 600px;
padding: 1px 10px;
margin: 20px 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dev h2 {
text-decoration: underline;
}

body.footer {
align-self: flex-start;
}

footer {
/* background-color: grey; */
border: rgb(243, 113, 6) 2px solid;
flex-shrink: 0;
bottom: 0;
width: 100%;
text-align: center;
height: 70px;
/* padding-top: 10px; */
}

footer ul {
display: flex;
justify-content: center;
list-style-type: none;
height: 40px;
}

footer img {
max-width: 40px;
padding: 0px 5px;
}
68 changes: 68 additions & 0 deletions hobby-blog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Through My Lenses</title>
<link href="css/style.css" rel="stylesheet">
</head>

<body>
<header>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="portfolio.html">Portfolio</a>
<a href="hobby-blog.html">More</a>
</nav>
<h1>Through My Lenses</h1>
</header>

<main>
<article class="subject">
<h2>Photography</h2>
<div class="images">
<div class="image">

<div class="image">
<h3>Algarve</h3>
<a href="images/algarve.jpg"><img src="images/algarve.jpg" alt="The beautiful Algarve, in Portugal"</a>
</div>

<div class="image">
<h3>Niagara Falls</h3>
<a href="images/niagara_falls.jpg"><img src="images/niagara_falls.jpg" alt="The famous Niagara Falls"</a>
</div>

<div class="image">
<h3>Nest</h3>
<a href="images/nest.jpg"><img src="images/nest.jpg" alt="Welcome to the world, babies"</a>
</div>

<div class="image">
<h3>Kobra Art, New York</h3>
<a href="images/kobra.jpg"><img src="images/kobra.jpg" alt="Albert Einstein by the artist Kobra"</a>
</div>

<div class="image">
<h3>Seattle Sky</h3>
<a href="images/seattle_sunset.jpg"><img src="images/seattle_sunset.jpg" alt="Sunset in Seattle"</a>
</div>

<div class="image">
<h3>Reminder</h3>
<a href="images/you_are_beautiful.jpg"><img src="images/you_are_beautiful.jpg" alt="You are beautiful"</a>
</div>
</div>
</article>
</main>

<footer>
<ul>
<li><a href="https://linkedin.com/in/denise-rsoares" target="_blank"><img src="images/linkedin.png" alt="LinkedIn"></a></li>
<li><a href="https://github.com/dnsrocha" target="_blank"><img src="images/github.png" alt="GitHub"</a></li>
</ul>
<p>2020 Denise Soares - All Rights Reserved</p>
</footer>
</body>
</html>
34 changes: 34 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="css/style.css" rel="stylesheet">
<title>Denise Soares</title>
</head>

<body>
<header>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="portfolio.html">Portfolio</a>
<a href="hobby-blog.html">More</a>
</nav>
<h1>Denise Soares</h1>
</header>

<main>

<a href="images/rain_coat.jpg"><img src="images/rain_coat.jpg" alt="Me"></a>

<footer>
<ul>
<li><a href="https://linkedin.com/in/denise-rsoares" target="_blank"><img src="images/linkedin.png" alt="LinkedIn"></a></li>
<li><a href="https://github.com/dnsrocha" target="_blank"><img src="images/github.png" alt="GitHub"</a></li>
</ul>
<p>2020 Denise Soares - All Rights Reserved</p>
</footer>
</body>
</html>
39 changes: 39 additions & 0 deletions portfolio.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Portfolio</title>
<link href="css/style.css" rel="stylesheet">
</head>

<body>
<header>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="portfolio.html">Portfolio</a>
<a href="hobby-blog.html">More</a>
</nav>
<h1>Portfolio</h1>
</header>

<main>
<div class="portfolio">
<article class="dev">
<h2>Dev Projects</h2>
<p>In the link below, you will be able to see some of the projects I developed at Ada Developers Academy</p>
<a href="https://github.com/dnsrocha?tab=repositories" target="_blank">Git Repository</a>
</article>
</div>
</main>

<footer>
<ul>
<li><a href="https://linkedin.com/in/denise-rsoares" target="_blank"><img src="images/linkedin.png" alt="LinkedIn"></a></li>
<li><a href="https://github.com/dnsrocha" target="_blank"><img src="images/github.png" alt="GitHub"</a></li>
</ul>
<p>2020 Denise Soares - All Rights Reserved</p>
</footer>
</body>
</html>