-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
88b32a7
commit 16ca14d
Showing
9 changed files
with
381 additions
and
0 deletions.
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.
This file contains 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,54 @@ | ||
| header{ | ||
| background-color: #ffffff; | ||
|
|
||
| font-family: Georgia, 'Times New Roman', Times, serif; | ||
| font-size: 32px; | ||
|
|
||
| color: white; | ||
|
|
||
| } | ||
|
|
||
| body{ | ||
| align-content: center; | ||
| padding: 0%; | ||
| margin: 0%; | ||
| background-image: url("funky-lines.png"); | ||
| } | ||
| .header{ | ||
| background-color: #ffffff; | ||
| width: 100%; | ||
| font-family: Georgia, 'Times New Roman', Times, serif; | ||
| font-weight: bold; | ||
|
|
||
| } | ||
|
|
||
|
|
||
| #a{ | ||
|
|
||
| background-color: #4aaaa5; | ||
| font-family: Georgia, 'Times New Roman', Times, serif; | ||
| padding: 20px; | ||
| margin: 0px 1190px 0px 480px; | ||
|
|
||
| } | ||
|
|
||
| .content{ | ||
| background-color: yellow; | ||
| font-size: 18px; | ||
| width: 960px; | ||
| height: 350px; | ||
| padding-top: 30px; | ||
| margin: auto; | ||
| } | ||
|
|
||
| .image{ | ||
| width: 200px; | ||
| height: 225px; | ||
| float: left; | ||
| margin: 10px 20px 20px 20px; | ||
|
|
||
| } | ||
| #p{ | ||
| font-size: 32px; | ||
| margin: 10px 10px 10px 10px; | ||
| } |
This file contains 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,144 @@ | ||
| .body{ | ||
| background-image: url("funky-lines.png"); | ||
| font-family: Arial, Helvetica, sans-serif, Helvetica Neue; | ||
| font-size: 18px; | ||
| line-height: 150%; | ||
|
|
||
| } | ||
|
|
||
| .header{ | ||
| width: 100%; | ||
| background-color: #ffffff; | ||
| padding: 0; | ||
| line-height: 72px; | ||
| margin-bottom: 49px; | ||
| font-family: Georgia, 'Times New Roman', Times, serif; | ||
| } | ||
|
|
||
| .header-center{ | ||
| width: 960px; | ||
| margin: auto; | ||
|
|
||
|
|
||
| } | ||
|
|
||
| .header-name{ | ||
| color: #ffffff; | ||
| background-color: #4aaaa5; | ||
| font-size: 42px; | ||
|
|
||
| font-weight: bold; | ||
| padding: 20px 25px 20.5px 25px; | ||
|
|
||
| } | ||
|
|
||
| .header-links{ | ||
| float: right; | ||
| } | ||
|
|
||
| a{ | ||
| color: #777777; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
|
|
||
| .content{ | ||
| background-color: #ffffff; | ||
| font-family: Arial, Helvetica, sans-serif; | ||
| font-size: 18px; | ||
| width: 960px; | ||
| padding: 0px; | ||
| margin: auto; | ||
|
|
||
| } | ||
|
|
||
| .content-title{ | ||
| font-family: Georgia, 'Times New Roman', Times, serif; | ||
| margin-bottom: 30px; | ||
| font-size: 32px; | ||
| font-weight: bold; | ||
| color: #4aaaa5; | ||
| line-height: 75px; | ||
|
|
||
| } | ||
|
|
||
| .image{ | ||
| width: 200px; | ||
| height: 200px; | ||
| float: left; | ||
| margin: 10px 20px 20px 20px; | ||
|
|
||
| } | ||
|
|
||
| .footer{ | ||
| position: fixed; | ||
| left: 0; | ||
| bottom: 0; | ||
| width: 100%; | ||
| background-color: #666666; | ||
| padding-top: 25px; | ||
| color: white; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .footer-border{ | ||
| position: fixed; | ||
| bottom: 52px; | ||
| width: 100%; | ||
| height: 10px; | ||
| background-color: #4aaaa5; | ||
| } | ||
|
|
||
| input[type=text]{ | ||
| width: 100%; | ||
| padding: 12px; | ||
| margin: 8px 0; | ||
| display: inline-block; | ||
| border: 1px solid #ccc; | ||
| border-radius: 0px; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| input[type=submit] { | ||
| width: 150px; | ||
| background-color: #4CAF50; | ||
| color: white; | ||
| padding: 14px; | ||
| margin: 8px 0; | ||
| border: none; | ||
| border-radius: 0px; | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| input[type=email]{ | ||
| width: 100%; | ||
| padding: 12px; | ||
| margin: 8px 0; | ||
| display: inline-block; | ||
| border: 1px solid #ccc; | ||
| border-radius: 0px; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| input[type=submit]:hover { | ||
| background-color: #45a049; | ||
| } | ||
|
|
||
| .comment{ | ||
| width: 100%; | ||
| height: 150px; | ||
| padding: 12px 20px; | ||
| box-sizing: border-box; | ||
| border: 2px solid #ccc; | ||
| border-radius: 4px; | ||
| background-color: #ffffff; | ||
| } | ||
|
|
||
| .gallery-image{ | ||
|
|
||
| height: 200px; | ||
| width: 400px; | ||
| padding: 20px; | ||
| } | ||
|
|
||
|
|
File renamed without changes
File renamed without changes
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 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,56 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <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"> | ||
|
|
||
|
|
||
| </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> | | ||
| <a href="portfolio.html">Portfolio</a> | | ||
| <a href="contact.html">Contact</a> | ||
| </span> | ||
|
|
||
| </div> | ||
| </header> | ||
|
|
||
| <div class="content"> | ||
|
|
||
| <span class="content-title">Contact</span> | ||
| <hr> | ||
| <br> | ||
|
|
||
| <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="Send"> <br> | ||
|
|
||
| </form> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="footer"> | ||
| <div class="footer-border"></div> | ||
| <span>Copyright</span> © | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |
This file contains 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,66 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <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"> | ||
|
|
||
|
|
||
| </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> | | ||
| <a href="portfolio.html">Portfolio</a> | | ||
| <a href="contact.html">Contact</a> | ||
| </span> | ||
|
|
||
| </div> | ||
| </header> | ||
|
|
||
|
|
||
| <div class="content"> | ||
|
|
||
| <span class="content-title">About Me</span> | ||
| <hr> | ||
| <br> | ||
|
|
||
|
|
||
| <img src="C:\Users\Nathan\Documents\Bootcamp\Basic-Portfolio\assets\images\Nathan Profile.jpg" class="image"> | ||
|
|
||
| <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> | ||
| 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> | ||
| <br> | ||
| In the past I have started a pond and waterfall company here in Tucson because, again, I loved the creation of an entire environment.<br> | ||
| I have also worked for Verizon Wireless doing small business sales. slajdhfljflodafg | ||
| adsfgioasdfhlasjdfhlajsdhfg;oadhfglojhdafg | ||
| asdfg;iaosdfljadhflojahdflojhdafgohadfoggfadfgasdfgadfg | ||
| adfgadfgadfg | ||
| df | ||
| gds | ||
| fg | ||
| dsfgdafafdgasfdgadfgjhsdbfiashdfvloajhdfgajhdfvlojhdfgoi | ||
|
|
||
|
|
||
|
|
||
| </p> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="footer"> | ||
| <div class="footer-border"></div> | ||
| <span>Copyright</span> © | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |
This file contains 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,61 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <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"> | ||
|
|
||
|
|
||
| </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> | | ||
| <a href="portfolio.html">Portfolio</a> | | ||
| <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/Nathan Profile.jpg"> | ||
| <img src="assets\images\Nathan Profile.jpg" class="gallery-image"> | ||
| </a> | ||
| <a target="blank" href="assets/images/RR Puppy.jpg"> | ||
| <img src="assets\images\RR Puppy.jpg." class="gallery-image"> | ||
| </a> | ||
| <img src="assets\images\IMG_0752.jpg" class="gallery-image"> | ||
| <img src="assets\images\IMG_10091.jpg" class="gallery-image"> | ||
| <img src="assets\images\Download.jpg" class="gallery-image"> | ||
| <img src="assets\images\dancing man.jpg" class="gallery-image"> | ||
| <img src="assets\images\American Flag.jpg" class="gallery-image"> | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
| </div> | ||
|
|
||
|
|
||
| <div class="footer"> | ||
| <div class="footer-border"></div> | ||
| <span>Copyright</span> © | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |