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?
2018-bfa-exhibition-album/index.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
224 lines (172 sloc)
9.1 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> | |
<!-- Required meta tags --> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
<!-- Bootstrap CSS --> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | |
<title>2018 Digital Media and Design BFA Exhibition</title> | |
<style> | |
.card { | |
transition: 0.5s; | |
} | |
div:nth-child(odd)>.card:hover { | |
transform:rotateZ(5deg); | |
} | |
div:nth-child(even)>.card:hover { | |
transform:rotateZ(-5deg); | |
} | |
</style> | |
</head> | |
<body> | |
<main role="main"> | |
<section class="jumbotron text-center" style=" display:flex; justify-content: center; align-items:center; height:50vh; background:url(hero.jpg); background-repeat: no-repeat; background-size: cover; background-attachment:fixed; background-position: center center;"> | |
<h1 style="color:white;" class="jumbotron-heading">DMD's 2018 Presenting BFA Seniors</h1> | |
</section> | |
<div class="album py-5 bg-light"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/brickner.jpg" alt="Amanda Brickner"> | |
<div class="card-body"> | |
<h5 class="card-title">Amanda Brickner</h5> | |
<p class="card-text">3D Animation and Rigging</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="https://amanda.graphics" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/field.jpg" alt="Evan Field"> | |
<div class="card-body"> | |
<h5 class="card-title">Evan Field</h5> | |
<p class="card-text">2D Motion/Graphic Designer</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="http://designbyfield.com" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/lavigne.jpg" alt="Justin LaVigne"> | |
<div class="card-body"> | |
<h5 class="card-title">Justin Lavigne</h5> | |
<p class="card-text">2D/3D Arist, Illustrator</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="https://justinlavigne.wixsite.com/home" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/macdonald.jpg" alt="Estelle MacDonald"> | |
<div class="card-body"> | |
<h5 class="card-title">Estelle MacDonald</h5> | |
<p class="card-text">3D Generalist</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="https://www.estelle-a-macdonald.com" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/michael.jpg" alt="Conner Michael"> | |
<div class="card-body"> | |
<h5 class="card-title">Conner Michael</h5> | |
<p class="card-text">3D Animation</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="http://www.connerm.com" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/ness.jpg" alt="Alex Ness"> | |
<div class="card-body"> | |
<h5 class="card-title">Alex Ness</h5> | |
<p class="card-text">3D Motion Graphics</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="http://www.nessgraphics.com" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/phillips.jpg" alt="Christian Phillips"> | |
<div class="card-body"> | |
<h5 class="card-title">Christian Phillips</h5> | |
<p class="card-text">3D Motion Graphics</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="http://phillipschristian.com/" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/schultz.jpg" alt="Ben Schultz"> | |
<div class="card-body"> | |
<h5 class="card-title">Ben Schultz</h5> | |
<p class="card-text">2D Motion Graphics/Character Design</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="https://benschultzportfolio.com/" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/sirois.jpg" alt="Mary Sirois"> | |
<div class="card-body"> | |
<h5 class="card-title">Mary Sirois</h5> | |
<p class="card-text">3D Modeling/Texturing/Lighting</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="https://www.mary-sirois.com/" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/torres.jpg" alt="Joel Torres"> | |
<div class="card-body"> | |
<h5 class="card-title">Joel Torres</h5> | |
<p class="card-text">3D artist, Concept artist</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="http://www.absolution-studioart.com" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="card mb-4 box-shadow"> | |
<img class="card-img-top" src="cropped/wolf.jpg" alt="Andrew Wolf"> | |
<div class="card-body"> | |
<h5 class="card-title">Andrew Wolf</h5> | |
<p class="card-text">UX/UI Design, Web Development</p> | |
<div class="d-flex justify-content-between align-items-center"> | |
<a target="_blank" href="http://wolfandrew.com" class="btn btn-lg btn-block btn-outline-secondary">Website »</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</main> | |
<!-- Optional JavaScript --> | |
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> | |
</body> | |
</html> |