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?
Go to file
 
 
Cannot retrieve contributors at this time
<!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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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>