Skip to content
Permalink
2cc3300cde
Switch branches/tags

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?

final/design.html

Go to file
 
 
Cannot retrieve contributors at this time
275 lines (179 sloc) 5.48 KB
Raw Blame
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link href="https://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/design.css">
<link rel="stylesheet" href="js/design.js">
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// Add smooth scrolling to all links
$("a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
});
</script>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<header>
<h1>Alicia Fitzmaurice</h1>
</header>
<nav>
<div class="dropdown">
<button class="dropbtn"><a href="design.html">design</a></button>
<div class="dropdown-content">
<a href="#posters">Posters</a>
<a href="#logo">Logo Work</a>
<a href="#web">Web Banners</a>
<a href="#rec">UConn Rec Branding </a>
<a href="#beyond">Beyond UConn Branding</a>
</div>
</div>
<a href="portfolio.html">contact</a>
<a href="resume.html">resume</a>
<a href="https://www.instagram.com/theamazingasian/"> instagram </a>
</div>
</nav>
<div id="top">
<a href="#posters">
<div class="container">
<img src="poster.png" alt="poster" class="image">
<div class="overlay">
<div class="text">MARKETING POSTERS</div>
</div>
</div>
</a>
<a href="#logo">
<div class="container">
<img src="paws.png" alt="paws" class="image">
<div class="overlay">
<div class="text">LOGOS</div>
</div>
</div>
</a>
<a href="#web">
<div class="container">
<img src="rec.png" alt="rec" class="image">
<div class="overlay">
<div class="text">WEB BANNERS</div>
</div>
</div>
</a>
<a href="#rec">
<div class="container">
<img src="brand.png" alt="brand" class="image">
<div class="overlay">
<div class="text">UCONN REC BRANDING</div>
</div>
</div>
</a>
<a href="#beyond">
<div class="container">
<img src="ccd.png" alt="ccd" class="image">
<div class="overlay">
<div class="text">BEYOND UCONN BRANDING</div>
</div>
</div>
</a>
</div>
<a id="posters">
<div id="description">
<h1>MARKETING POSTERS</h1>
</div>
<div class="marketing">
<div>
<img src="softball.jpg">
<img src="bball.jpg">
<img src="beam2.png">
<img src="utc.jpg">
<img src="interviews.jpg">
</div>
</div>
</a>
<a id="logo">
<div id="description">
<h1>LOGOS</h1>
</div>
<div class="logos">
<img src="cycle.png">
<img src="road.jpg">
<img src="dog.png">
<img src="glow.png">
<img src="spring.jpg">
<img src="logopandc.png">
</div>
</a>
<a id="web">
<div id="description">
<h1>WEB BANNERS</h1>
</div>
<div class="web">
<img src="beam.png">
<img src="glowweb.png">
<img src="intern.jpg">
<img src="roadweb.png">
<img src="ipreo.jpg">
</div>
</a>
<a id="rec">
<div id="description">
<h1>UCONN RECREATION LOGO REBRAND</h1>
</div>
<div class="rec">
<img src="rec2.jpg">
<img src="rec3.jpg">
<img src="rec4.jpg">
</div>
</a>
<a id="beyond">
<div id="description">
<h1>BEYOND UCONN CONFERENCE BRANDING</h1>
</div>
<div class="posters">
<img src="welcome.jpg">
<img src="social.jpg">
<img src="name.jpg">
<img src="bus.jpg">
<img src="jorg.jpg">
</div>
</a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.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('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>