Skip to content

Commit

Permalink
Updated banner image
Browse files Browse the repository at this point in the history
  • Loading branch information
HenryWard committed Jan 23, 2020
1 parent 1980a33 commit 4c04812
Show file tree
Hide file tree
Showing 6 changed files with 250 additions and 169 deletions.
134 changes: 72 additions & 62 deletions contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,26 +3,38 @@

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Contact Us</title>

<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="css/styles.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Contact Us</title>

<!-- Loads Bootstrap 4 -->
<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.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>

<!-- Loads CSS -->
<link href="css/styles.css" rel="stylesheet">

<!-- Loads fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Nunito&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
Expand All @@ -31,53 +43,51 @@

<body>

<!-- Navigation bar -->
<div id="nav"></div>
<script type="text/javascript" src="js/header.js"></script>

<!-- Page Content -->
<div class="container">

<!-- Page Heading/Breadcrumbs -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Contact us
<small>CSBIO</small>
</h1>
</div>
</div>
<!-- /.row -->

<!-- Content Row -->
<div class="row">
<!-- Map Column -->
<div class="col-md-8">
<!-- Embedded Google Map -->
<iframe width="100%" height="400px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&amp;ie=UTF8&amp;ll=44.973358,-93.232486&amp;spn=56.506174,79.013672&amp;t=m&amp;z=18&amp;output=embed"></iframe>
</div>
<!-- Contact Details Column -->
<div class="col-md-4">
<h3>CSBIO Lab</h3>
<p>
Molecular and Cellular Biology Building<br>Minneapolis, MN 55455<br>
</p>
<p><i class="fa fa-phone"></i>
<abbr title="Phone">P</abbr>: (612)-625-8089 </p>
<p><i class="fa fa-envelope-o"></i>
<abbr title="Email">E</abbr>: <a href="mailto:name@example.com">name@example.umn.edu</a>
</p>
</div>
</div>
<!-- /.row -->
<!-- Navigation bar -->
<div id="nav"></div>
<script type="text/javascript" src="js/header.js"></script>

<!-- Page Content -->
<div class="container">

<!-- Page Heading/Breadcrumbs -->
<div class="top-row row">
<div class="col-12">
<h1 class="page-header">Contact Us
<small>CSBIO</small>
</h1>
</div>
</div>
<!-- /.row -->

<!-- Content Row -->
<div class="row">
<!-- Map Column -->
<div class="col-md-8">
<!-- Embedded Google Map -->
<iframe width="100%" height="400px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="http://maps.google.com/maps?hl=en&amp;ie=UTF8&amp;ll=44.973358,-93.232486&amp;spn=56.506174,79.013672&amp;t=m&amp;z=18&amp;output=embed"></iframe>
</div>
<!-- Contact Details Column -->
<div class="col-md-4">
<h3>CSBIO Lab</h3>
<p>
Molecular and Cellular Biology Building<br>Minneapolis, MN 55455<br>
</p>
<p><i class="fa fa-phone"></i>
<abbr title="Phone">P</abbr>: (612)-625-8089 </p>
<p><i class="fa fa-envelope-o"></i>
<abbr title="Email">E</abbr>: <a href="mailto:name@example.com">name@example.umn.edu</a>
</p>
</div>
</div>
<!-- /.row -->



<!-- jQuery -->
<script src="js/jquery.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- Contact Form JavaScript -->
<!-- Do not edit these files! In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
<script src="js/jqBootstrapValidation.js"></script>
Expand All @@ -87,4 +97,4 @@ <h3>CSBIO Lab</h3>
<script type="text/javascript" src="/js/footer.js"></script>
</body>

</html>
</html>
2 changes: 1 addition & 1 deletion css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ body {
.banner-img {
height: 40vh;
min-height: 300px;
background-image: url("../images/GeneticNetwork.png");
background-image: url("../images/cellmap.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
Expand Down
22 changes: 9 additions & 13 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -58,28 +58,27 @@ <h2 class="page-header">Recent News</h2>
</div>
<div class="row">
<div class="card border-light" style="width: 20rem;">
<h5 class="card-header">New paper</h5>
<h5 class="card-header">Updated website</h5>
<div class="card-body">
<p class="card-text">Check out our new paper on between-pathway genetic interactions</p>
<a href="https://www.nature.com/articles/s41467-019-12131-7" class="card-link">Read here</a>
<p class="card-text">Our lab website has a shiny new look!</p>
<a href="http://csbio.cs.umn.edu/" class="card-link">See here</a>
</div>
</div>
</div>
<div class="row">
<div class="card border-light" style="width: 20rem;">
<h5 class="card-header">Lab members graduate</h5>
<h5 class="card-header">New paper</h5>
<div class="card-body">
<p class="card-text">Congratulations to Dr. Nelson, who recently graduated from the BICB program</p>
<a href="/people.html" class="card-link">Learn more</a>
<p class="card-text">Check out our new paper on between-pathway genetic interactions</p>
<a href="https://www.nature.com/articles/s41467-019-12131-7" class="card-link">Read here</a>
</div>
</div>
</div>
<div class="row">
<div class="card border-light" style="width: 20rem;">
<h5 class="card-header">New student in the lab</h5>
<h5 class="card-header">Lab members graduate</h5>
<div class="card-body">
<p class="card-text">Kevin Lin has joined the lab as a MD/PhD student in the Medical School and the BICB
program</p>
<p class="card-text">Congratulations to Dr. Nelson, who recently graduated from the BICB program</p>
<a href="/people.html" class="card-link">Learn more</a>
</div>
</div>
Expand Down Expand Up @@ -114,15 +113,12 @@ <h2 class="page-header">About Us</h2>
</div>
<!-- /.row -->

<!-- Footer -->
<!-- Footer -->
<script type="text/javascript" src="js/footer.js"></script>

</div>
<!-- container -->

<!-- jQuery -->
<script src="js/jquery.js"></script>

</body>

</html>
Loading

0 comments on commit 4c04812

Please sign in to comment.