Skip to content

Commit

Permalink
fixed portfolio layout and images
Browse files Browse the repository at this point in the history
  • Loading branch information
@NathanNovak
NathanNovak committed Apr 27, 2018
1 parent 756697d commit 99a5bdd
Show file tree
Hide file tree
Showing 5 changed files with 135 additions and 151 deletions.
54 changes: 0 additions & 54 deletions assets/css/style.css
View file

This file was deleted.

40 changes: 30 additions & 10 deletions assets/css/style2.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,13 +121,32 @@
background-color: #ffffff;
}

.gallery-image{

/* .gallery{
height: 1200px;
}*/

.gallery{
float: left;
width: 100%;
max-width: 960px;
padding: 30px;
margin: 0 0 40px;
background: #fff;
}

gallery-image{
/* position: relative; */
height: 300px;
width: 300px;
width: 100%;
padding: 20px;
}

.box{
max-width: 300px;
margin: 10px 90px 25px 30px;
float: left;
}

.footer{
position: fixed;
left: 0;
Expand All @@ -142,10 +161,11 @@
border-color: #4aaaa5;
}

footer-border{
position: fixed;
bottom: 52px;
width: 100%;
height: 10px;
background-color: #4aaaa5;
}
.text{
position: absolute;
margin: -79px 20px 0px 0px;
padding: 10px 0px 10px 0px;
background-color: #4aaaa5;
width: 350px;
text-align: center;
}
75 changes: 41 additions & 34 deletions contact.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Expand All @@ -9,49 +10,55 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/css/reset.css">
<link rel="stylesheet" type="text/css" href="assets/css/style2.css">


</head>

<body class="body">

<header class="header">
<div class="header-center">
<span class="header-name">Nathan Novak</span>
<span class="header-links">
<a href="index.html">About</a> &nbsp;| &nbsp;
<a href="portfolio.html">Portfolio</a> &nbsp; | &nbsp;
<a href="contact.html">Contact</a>
</span>

</div>
</header>
<header class="header">
<div class="header-center">
<span class="header-name">Nathan Novak</span>
<span class="header-links">
<a href="index.html">About</a> &nbsp;| &nbsp;
<a href="portfolio.html">Portfolio</a> &nbsp; | &nbsp;
<a href="contact.html">Contact</a>
</span>

</div>
</header>

<div class="content">

<div class="content">

<span class="content-title">Contact</span>
<hr>
<br>
<div class="inner-content">
<form action="mailto:[email protected]" method="post" enctype="text/plain">
Name:<br>
<input type="text" name="name"><br>
E-mail:<br>
<input type="email" name="mail"><br>
Comment:<br>
<textarea type="text" name="comment" class="comment"></textarea>

<br><br>
<input type="submit" value="Submit"> <br>

</form>
<div class="inner-content">
<form action="mailto:[email protected]" method="post" enctype="text/plain">
Name:
<br>
<input type="text" name="name">
<br> E-mail:
<br>
<input type="email" name="mail">
<br> Comment:
<br>
<textarea type="text" name="comment" class="comment"></textarea>

<br>
<br>
<input type="submit" value="Submit">
<br>

</form>
</div>
</div>
</div>


<div class="footer">
<div class="footer-border"></div>
<span>Copyright</span> &#169;
</div>

</div>
</body>

</html>
3 changes: 1 addition & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@

<img src="assets/images/Nathan Profile.jpg" class="image">
<div class="inner-content">
<p> HI! My Name is Nathan Novak. I am 39 years old and am currently embarking on a new journey into the world of Web Development.<br>
<p> HI! My Name is Nathan Novak. I was born and raised in Tucson, Arizona and am currently embarking on a new journey into the world of Web Development.<br>
I guess someone would call me a little crazy by taking on such a challange at my age, but these are the people I like to call "dumb."<br>
Some of the things that I am passionate about is the ability to build and create things from scratch and the perpetual urge to learn<br>
new things, so Web Development seemed like a perfect fit! <br>
Expand All @@ -59,7 +59,6 @@


<div class="footer">
<div class="footer-border"></div>
<span>Copyright</span> &#169;

</div>
Expand Down
114 changes: 63 additions & 51 deletions portfolio.html
View file
Original file line number Diff line number Diff line change
@@ -1,69 +1,81 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>Student Bio</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/css/reset.css">
<link rel="stylesheet" type="text/css" href="assets/css/style2.css">

<title>Student Bio</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/css/reset.css">
<link rel="stylesheet" type="text/css" href="assets/css/style2.css">


</head>

<body class="body">

<header class="header">
<header class="header">
<div class="header-center">
<span class="header-name">Nathan Novak</span>
<span class="header-links">
<a href="index.html">About</a> &nbsp;| &nbsp;
<a href="portfolio.html">Portfolio</a> &nbsp; | &nbsp;
<a href="contact.html">Contact</a>
<a href="index.html">About</a> &nbsp;| &nbsp;
<a href="portfolio.html">Portfolio</a> &nbsp; | &nbsp;
<a href="contact.html">Contact</a>
</span>

</div>
</header>

<div class="content">

<span class="content-title">Portfolio</span>
<hr>
<br>

<div class="gallery">

<a target="blank" href="assets/images/placeimg_350_350_arch (1).jpg">
<img src="assets/images/placeimg_350_350_arch (1).jpg" class="gallery-image">
</a>

<a target="blank" href="assets/images/placeimg_350_350_arch.jpg">
<img src="assets/images/placeimg_350_350_arch.jpg" class="gallery-image">
</a>

<a target="blank" href="assets/images/placeimg_350_350_nature (1).jpg">
<img src="assets/images/placeimg_350_350_nature (1).jpg" class="gallery-image">
</a>

<a target="blank" href="assets/images/placeimg_350_350_nature (2).jpg">
<img src="assets/images/placeimg_350_350_nature (2).jpg" class="gallery-image">
</a>

<a target="blank" href="assets//images/placeimg_350_350_nature.jpg">
<img src="assets/images/placeimg_350_350_nature.jpg" class="gallery-image">
</a>

</header>

<div class="content">

<span class="content-title">Portfolio</span>
<hr>
<br>

<section class="gallery">

<div class="box">
<a target="blank" href="assets/images/placeimg_350_350_arch (1).jpg">
<img src="assets/images/placeimg_350_350_arch (1).jpg" class="gallery-image">
</a>
<h3 class="text">Building</h3>
</div>
<div class="box">
<a target="blank" href="assets/images/placeimg_350_350_arch.jpg">
<img src="assets/images/placeimg_350_350_arch.jpg" class="gallery-image">
</a>
<h3 class="text">Arch</h3>
</div>
<div class="box">
<a target="blank" href="assets/images/placeimg_350_350_nature (1).jpg">
<img src="assets/images/placeimg_350_350_nature (1).jpg" class="gallery-image">
</a>
<h3 class="text">Roling Fields</h3>
</div>
<div class="box">
<a target="blank" href="assets/images/placeimg_350_350_nature (2).jpg">
<img src="assets/images/placeimg_350_350_nature (2).jpg" class="gallery-image">
</a>
<h3 class="text">Pathway</h3>
</div>
<div class="box">
<a target="blank" href="assets//images/placeimg_350_350_nature.jpg">
<img src="assets/images/placeimg_350_350_nature.jpg" class="gallery-image">
</a>
<h3 class="text">Turquoise</h3>
</div>
</section>


</div>


</div>


<div class="footer">
<div class="footer-border"></div>
<span>Copyright</span> &#169;

</div>
<div class="footer">
<span>Copyright</span> &#169;

</div>
</body>

</html>

0 comments on commit 99a5bdd

Please sign in to comment.