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/contact.html

Go to file
 
 
Cannot retrieve contributors at this time
executable file 183 lines (117 sloc) 6.13 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 class="row" style="padding: 80px 0px 100px 30px;">
<div id="contactform" class="col-md-6">
<p> I am very excited to hear from you. <br>Please email me using the form below and I will respond shortly!</p>
<form id="contact-form" action="https://formspree.io/chelseakurasz@gmail.com" method="POST" role="form">
<div class="form-group col-md-12">
<label for="exampleFormControlInput1">*Email address</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com" required="required" name="name">
</div>
<div class="form-group col-md-12">
<label for="exampleFormControlSelect2">I'm emailing about...</label>
<select multiple class="form-control" id="exampleFormControlSelect2" name="name">
<option>photography</option>
<option>web design</option>
<option>digital analytics</option>
<option>job opportunity</option>
<option>other</option>
</select>
</div>
<div class="form-group col-md-12">
<label for="exampleFormControlTextarea1">*Message:</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" required="required"name="name"></textarea>
</div>
<div class="col-md-12">
<input type="submit" class="btn btn-dark btn-send" value="Send message">
</div>
</form>
</div>
<div class="card-deck col-md-6" id="profiles">
<div class="card" style="width: 15rem;">
<img class="card-img-top" src="img/hc.jpg" alt="Her Campus UConn logo">
<div class="card-body">
<h5 class="card-title" style="font-family: 'Oswald', sans-serif;">Chelsea Kurasz</h5>
<p class="card-text"> Please visit my Her Campus author page!</p>
<a href="https://www.hercampus.com/author/chelsea-kurasz" class="btn btn-dark" style="font-family: 'Source Sans Pro', sans-serif;">View</a>
</div>
</div>
<div class="card" style="width: 15rem;" >
<img class="card-img-top" src="img/link.png" alt="LinkedIn card">
<div class="card-body">
<h5 class="card-title" style="font-family: 'Oswald', sans-serif;">Chelsea Kurasz</h5>
<p class="card-text"> Please visit my LinkedIn!</p><br>
<a href="https://www.LinkedIn.com/in/chelseakurasz" class="btn btn-dark" style="font-family: 'Source Sans Pro', sans-serif;">View</a>
</div>
</div>
</div>
</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>