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?
test-site/final proj/design.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
93 lines (87 sloc)
4.56 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> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1"><title>Clr Design</title> | |
<link rel="shortcut icon" href="images/logo-tab.png"/> | |
<link rel="stylesheet" type="text/css" href="main.css"> | |
<link href="css/bootstrap.min.css" rel="stylesheet"> | |
<link href="https://fonts.googleapis.com/css?family=Arimo|Raleway" rel="stylesheet"> | |
</head> | |
<body> | |
<nav class="row"> | |
<div id="logo-box" class="col-lg-2 col-md-2 col-sm-3 col-xs-12" align="center"><img src="images/logo.png"></div> | |
<ul id="my-nav"> | |
<li class="col-lg-2 col-lg-offset-4 col-md-offset-4 col-md-2 col-sm-3 col-xs-4" align="center"><a href="index.html">Home</a></li> | |
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4" align="center"><a href="about-me.html">About Me</a></li> | |
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4" align="center"><a href="portfolio.html">Portfolio</a></li> | |
</ul> | |
</nav> | |
<div class="container"> | |
<div id="design-content" > | |
<h2 align="center">Design</h2> | |
<p align="center">Here are a few of the websites I've designed and coded.</p> | |
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> | |
<!-- Indicators --> | |
<!-- | |
<ol class="carousel-indicators"> | |
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> | |
<li data-target="#carousel-example-generic" data-slide-to="1"></li> | |
<li data-target="#carousel-example-generic" data-slide-to="2"></li> | |
</ol>--> | |
<!-- Wrapper for slides --> | |
<div class="carousel-inner" role="listbox"> | |
<div class="item active"> | |
<img src="images/web-1-2.png" alt="slide-1"> | |
<div class="carousel-caption"> | |
<h3>insidethreatconsulting.com</h3> | |
<p>Informational site for Inside Threat Training & Consulting</p> | |
</div> | |
</div> | |
<div class="item"> | |
<img src="images/web-2.png" alt="slide-2"> | |
<div class="carousel-caption"> | |
<h3>Landing Page Project</h3> | |
<p>Class Project: Practice Using Sass</p> | |
</div> | |
</div> | |
<div class="item"> | |
<img src="images/web-3.png" alt="slide-3"> | |
<div class="carousel-caption"> | |
<h3>Owltastic Recreation</h3> | |
<p>Class Project: Practice Using Bootstrap</p> | |
</div> | |
</div> | |
</div> | |
<!-- Controls --> | |
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> | |
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | |
<span class="sr-only">Previous</span> | |
</a> | |
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> | |
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | |
<span class="sr-only">Next</span> | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<footer class="row"> | |
<div id="contact-img-box" class="col-lg-offset-2 col-lg-3 col-md-offset-2 col-md-3 col-sm-offset-3 col-sm-2 col-xs-offset-1 col-xs-3 "><img src="images/contact.png" ></div> | |
<div id="middle" class="col-lg-3 col-md-3 col-sm-2 col-xs-3"> | |
<h3>Contact</h3> | |
<p>Cynthia Reinert <br> | |
cynthia.reinert@uconn.edu <br> | |
(860)534-0280 | |
</p> | |
</div> | |
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-2 col-xs-offset-1"> | |
<h3>Social</h3> | |
<p>linkedin</p> | |
</div> | |
</footer> | |
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
</body> | |
</html> |