-
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
48d4549
commit 68306e1
Showing
1 changed file
with
107 additions
and
4 deletions.
There are no files selected for viewing
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 |
|---|---|---|
| @@ -1,12 +1,115 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Into the Woods__Shepar</title> | ||
| <link rel="stylesheet" href="Shepar-photography.css"> | ||
| <title>Shep@r Photography - Into the Woods</title> | ||
| <link rel="stylesheet" href="Shepar-photography1.css"> | ||
| <style> | ||
|
|
||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <h1>Into the Woods</h1> | ||
| <img src="" alt="Picture of river"> | ||
| <!-- Main Menu --> | ||
| <div class="main"> | ||
| <!--Title--> | ||
| <div class="mutual-title"> | ||
| <h1 class="shepar">Shep@r</h1> | ||
| <h3>Photographer</h3> | ||
| </div> | ||
| <div class="nav"> | ||
| <!-- Nav PC --> | ||
| <nav class="nav-pc"> | ||
| <ul class="nav-container"> | ||
| <li class="nav-item"><a class="link-nav" href="Into-the-woods.html">Home</a></li> | ||
| <li class="nav-item"><a class="link-nav" href="About.html">About</a></li> | ||
| </ul> | ||
| </nav> | ||
| <!-- Nav mobile--> | ||
| <div class="nav-button"> | ||
| <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" | ||
| class="svg-inline--fa fa-bars fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 448 512"> | ||
| <path fill="currentColor" | ||
| d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"> | ||
| </path> | ||
| </svg> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!--Title project section--> | ||
| <div class="project-flex-container"> | ||
| <div class="project-title-item"> | ||
| <img src="https://github.com/tranthanhvi/tranthanhvi.github.io/blob/main/I-1.jpg?raw=true" width="650px" | ||
| alt="Into the Woods-1"> | ||
| </div> | ||
| <div class="project-title-item"> | ||
| <h2 class="mutual-title">Into the Woods</h2> | ||
| <div style="text-align: center;">July 2017 - present</div> | ||
| </div> | ||
| </div> | ||
| <!--Pictures section--> | ||
| <div class="project-flex-container"> | ||
|
|
||
| <div class="project-picture-1"> | ||
| <img src="https://github.com/tranthanhvi/tranthanhvi.github.io/blob/main/I-2.jpg?raw=true" width="850px" | ||
| alt="Into the Woods-2"> | ||
| </div> | ||
|
|
||
| <div class="project-picture-2"> | ||
| <img src="https://github.com/tranthanhvi/tranthanhvi.github.io/blob/main/I-3.jpg?raw=true" width="550px" | ||
| alt="Into the Woods-3"> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="project-picture-single"> | ||
| <img src="https://github.com/tranthanhvi/tranthanhvi.github.io/blob/main/I-4.jpg?raw=true" width="850px" | ||
| alt="Into the Woods-4"> | ||
| </div> | ||
|
|
||
| <div class="project-flex-container"> | ||
| <div class="project-picture-2"> | ||
| <img src="https://github.com/tranthanhvi/tranthanhvi.github.io/blob/main/I-5.jpg?raw=true" width="550px" | ||
| alt="Into the Woods-5"> | ||
| </div> | ||
|
|
||
| <div class="project-picture-1"> | ||
| <img src="https://github.com/tranthanhvi/tranthanhvi.github.io/blob/main/I-6.jpg?raw=true" width="750px" | ||
| alt="Into the Woods-6"> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!--Nav project button--> | ||
| <div class="nav-projectbt-container"> | ||
| <div class="nav-projectbt-item left"> | ||
| <a style="font-family: sans-serif;" href="About.html"><svg style="width: 28px; height: 28px; padding-right:25px" | ||
| aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-left" | ||
| class="svg-inline--fa fa-chevron-left fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 320 512"> | ||
| <path fill="currentColor" | ||
| d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"> | ||
| </path> | ||
| </svg>About</a> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="nav-projectbt-item right"> | ||
| <a style="font-family: sans-serif;" href="Human.html">Human<svg style="width: 28px; height: 28px; padding-left:25px" | ||
| aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" | ||
| class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 320 512"> | ||
| <path fill="currentColor" | ||
| d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"> | ||
| </path> | ||
| </svg></a> | ||
| <div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |