Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
website/otherwork.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
131 lines (117 sloc)
5.68 KB
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
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<!-- Global site tag (gtag.js) - Google Analytics --> | |
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-162669941-1"></script> | |
<script> | |
window.dataLayer = window.dataLayer || []; | |
function gtag(){dataLayer.push(arguments);} | |
gtag('js', new Date()); | |
gtag('config', 'UA-162669941-1'); | |
</script> | |
<meta charset="utf-8"> | |
<title>Joshua Stanavage</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="stylesheet" href="css/normalize.css"> | |
<link rel="stylesheet" href="css/main.css"> | |
<link rel="stylesheet" href="https://use.typekit.net/xqz7txj.css"> | |
<link rel="stylesheet" href="css/style.css"> | |
<meta name="theme-color" content="#fafafa"> | |
</head> | |
<body> | |
<a name="top"></a> | |
<nav class="nav flex-row"> | |
<div class="nav-menu"> | |
<div class="nav-brand"> | |
<a href="about.html"><img src="img/logo.png" alt="JoshStanavage" height= 125px;></a> | |
</div> | |
</div> | |
<div class="toggle-collapse"> | |
<div class="toggle-icons text-black"> | |
<span><i class="fas fa-bars"><svg height="32px" id="icon" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z"/></svg></i></span> | |
</div> | |
</div> | |
<div> | |
<ul class="nav-items flex-row"> | |
<li class="nav-link"> | |
<a href="about.html" class="text-black">About</a> | |
</li> | |
<li class="nav-link"> | |
<a href="resume.html" class="text-black">Resume</a> | |
</li> | |
<li class="nav-link"> | |
<a href="web.html" class="text-black">Web Design</a> | |
</li> | |
<li class="nav-link"> | |
<a href="otherwork.html" class="text-black" id="extra">Other Work</a> | |
</li> | |
</ul> | |
</div> | |
</nav> | |
<div class="headerr"> | |
<h1>Other Work</h1> | |
<p> <a class="bluelinks" href="#motion">Motion Graphics,</a> <a class="bluelinks" href="#photo"> Photography Samples,</a> <a class="bluelinks" href="#design"> Designs</a> </p> | |
</div> | |
<a name="motion"></a> | |
<h3 id="special2">Motion Graphics</h3> | |
<div id="video"> | |
<div id="vid1"> | |
<iframe src="https://player.vimeo.com/video/319410060" width="560" height="315" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> | |
</div> | |
<div id="vid2"> | |
<iframe width="560" height="315" src="https://www.youtube.com/embed/CMPXL6mWHWU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | |
</div> | |
</div> | |
<div id="video2x"> | |
<iframe src="https://player.vimeo.com/video/335305589" width="560" height="315" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> | |
</div> | |
<a name="photo"></a> | |
<h3 id="special2">Photography</h3> | |
<div class="photos" class="wire"> | |
<div class="threethree"> | |
<img class= "shesmallzz" src="img/2.jpg" alt="boy and sunflower"> | |
<img class= "shesmallzz" src="img/3.jpg" alt="boy in front of veggies"> | |
<img class= "shesmallzz" src="img/1.jpg" alt="girl in front of flowers"> | |
</div> | |
<div class="threethree"> | |
<img class= "shesmallzz" src="img/4.jpg" alt="gir in front of leaves"> | |
<img class= "shesmallzz" src="img/5.jpg" alt="girl in front of flowers"> | |
<img class= "shesmallzz" src="img/6.jpg" alt="black dog in hat"> | |
</div> | |
<div class="threethree"> | |
<img class= "shesmallzz" src="img/7.jpg" alt="brown dog in sweater"> | |
<img class= "shesmallzz" src="img/8.jpg" alt="girl blueberries"> | |
<img class= "shesmallzz" src="img/9.jpg" alt="girl"> | |
</div> | |
</div> | |
<a name="design"></a> | |
<h3 id="special2">Other Designs</h3> | |
<div class="wire2"> | |
<div class="twotwotwo2"> | |
<img class="shesmallzz" id="full" src="img/billie.png" alt="Billie Eilish Poster"> | |
<img class="shesmallzz" src="img/blueberry.png" alt="Blueberry Emoji" title="Blueberry Emoji"> | |
<img class="shesmallzz" src="img/mood.png" alt="Mood Board" title="Mood Board"> | |
</div> | |
<div class="twotwotwo2"> | |
<img class="shesmallzz" src="img/holiday.png" alt="Holiday Card" title="SFA Holiday Card"> | |
<img class="shesmallzz" src="img/hummingbird.png" alt="Hummingbird made of words"> | |
<img class="shesmallzz" src="img/seedtime.jpg" alt="Playlist Cover"> | |
</div> | |
</div> | |
<footer> | |
<a href="#top"> ^ Back to top of page ^</a> | |
</footer> | |
<script src="js/vendor/modernizr-3.8.0.min.js"></script> | |
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> | |
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script> | |
<script src="js/plugins.js"></script> | |
<script src="js/main.js"></script> | |
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. --> | |
<script> | |
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date; | |
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview') | |
</script> | |
<script src="https://www.google-analytics.com/analytics.js" async></script> | |
</body> | |
</html> |