Skip to content
Permalink
master
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?

portfolio/webdesign.html

Go to file
 
 
Cannot retrieve contributors at this time
executable file 165 lines (103 sloc) 5.8 KB
Raw Blame
Open in GitHub Desktop
<!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, shrink-to-fit=no">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Oswald:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300" rel="stylesheet">
</head>
<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 -->
<div class="container">
<div class="row">
<a href="index.html"><img src="img/logo.jpg"></a>
<nav class="navbar navbar-expand-lg navbar-default">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><p>pages</p>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active"><a href="webdesign.html" class="nav-link">web design</a></li>
<li class="nav-item active"><a href="photography.html" class="nav-link">photography</a></li>
<li class="nav-item active"><a href="digitalanalytics.html" class="nav-link">digital analytics</a></li>
<li class="nav-item active"><a href="agency.html" class="nav-link">marketing work</a></li>
<li class="nav-item active"><a href="contact.html" class="nav-link">contact</a></li>
</ul>
</div>
</nav>
</div>
</div>
<div id="content1">
<h2>web design</h2>
</div>
<div class="container-fluid" id="webpages">
<div class="card bg-dark text-white" id="wp1">
<a href="https://github.uconn.edu/pages/cmk14012/FINAL/" class="imglink"><img class="card-img" src="img/web4.png">
<div class="card-img-overlay" style="background-color: rgb(102, 102, 102, 0.7);">
<h2 class="card-title">JavaScript Welcome Page</h2>
<p class="card-text">This website is a responsive and interactive welcome page that displays the local time and date of the user, as well as the current weather at UConn. </p>
</div></a>
</div>
<div class="card bg-dark text-white" id="wp2">
<a href="https://github.uconn.edu/pages/cmk14012/NYXLP/" class="imglink"><img class="card-img" src="img/web1.png">
<div class="card-img-overlay" style="background-color: rgb(102, 102, 102, 0.7);">
<h2 class="card-title">NYX Cosmetics Landing Page</h2>
<p class="card-text">This website is a mock landing page for a lip kit by Nyx Cosmetics. </p>
</div></a>
</div>
<div class="card bg-dark text-white" id="wp3">
<a href="https://github.uconn.edu/pages/cmk14012/madlib/" class="imglink"><img class="card-img" src="img/web3.png">
<div class="card-img-overlay" style="background-color: rgb(102, 102, 102, 0.7);">
<h2 class="card-title">JavaScript Mad Lib</h2>
<p class="card-text">This webpage is an interactive site that allows users to enter text fields and then display those inputs in a pre-formatted Mad Lib, using JavaScript. </p>
</div></a>
</div>
<div class="card bg-dark text-white" id="wp4">
<a href="https://github.uconn.edu/pages/cmk14012/midterm/" class="imglink"><img class="card-img" src="img/web2.png">
<div class="card-img-overlay" style="background-color: rgb(102, 102, 102, 0.7);">
<h2 class="card-title">CSS Animation Showcase</h2>
<p class="card-text">This webpage is a research showcase about the capabilities of CSS animation. </p>
</div></a>
</div>
</div>
<footer>
<div id="footerLeft">
<p>This site was produced by me!</p>
<p>HTML/CSS/JS</p>
<p>©Copyright 2018</p>
</div>
<div id="footerRight">
<p><a href="webdesign.html">web design</a></p>
<p><a href="photography.html">photography</a></p>
<p><a href="digitalanalytics.html">digital analytics</a></p>
<p><a href="agency.html">marketing work</a></p>
<p><a href="contact.html">contact</a></p>
</div>
</footer>
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.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>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>