Difference between revisions of "Team:BostonU HW/Silver"

Line 1: Line 1:
 
{{Global_Menubar}}
 
{{Global_Menubar}}
 
{{Team:BostonU_Hardware/CSS}}
 
{{Team:BostonU_Hardware/CSS}}
−
 
−
<!doctype html>
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 10: Line 8:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  
−
<title>Material Kit by Creative Tim</title>
+
<title>Bronze Medal</title>
  
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
−
<style>
+
 
−
#Title{
+
<!-- EXTRA STYLING -->
 +
<style>
 +
.Title{
 
color: red;
 
color: red;
−
}
 
−
#main_text{
 
−
margin-bottom: 10%;
 
 
}
 
}
 
#page_background{
 
#page_background{
 
background-image: <!-- insert image here -->;
 
background-image: <!-- insert image here -->;
 
}
 
}
−
#Isolation{
+
#Header_Pic{
−
float: left;
+
height: 60%;
−
width: 30%;
+
−
height: 100%;
+
−
margin: 1%;
+
−
border: 3px solid #c00000;
+
 
}
 
}
−
#Modification{
+
#MARS{
−
float: left;
+
−
width: 30%;
+
 
height: 100%;
 
height: 100%;
−
margin: 1%;
+
width: 100%;
−
border: 3px solid #c00000;
+
 
}
 
}
−
#Quantification{
+
.text_section{
−
float: left;
+
 
−
width: 30%;
+
−
height: 100%;
+
−
margin: 1%;
+
−
border: 3px solid #c00000;
+
 
}
 
}
−
.chip_pic{
+
.text{
−
float: top;
+
 
−
width: auto;
+
−
height: 20%;
+
−
margin-top: 20%;
+
−
border: 1px solid #226226
+
−
}
+
−
#Lysis,#antibiotic{
+
−
max-width: 100%;
+
−
max-height: 100%;
+
−
}
+
−
#Header_Pic{
+
−
height: 60%;
+
 
}
 
}
 
</style>
 
</style>
Line 63: Line 38:
  
 
<body>
 
<body>
−
 
+
<!-- *************THIS IS WHERE PAGE STARTS************* -->
−
<div class="class="landing-page"">
+
<div class="landing-page">
−
 
+
 
<div id="page_background">
 
<div id="page_background">
−
<div class="header" style="background-image:url(chips/city.jpg)" id="Header_Pic"></div>
+
<div class="header" id="Header_Pic">
−
<div class="main main-raised" id = "main_text">
+
<img src="https://static.igem.org/mediawiki/2017/f/f9/MARS_Background1.png" id="MARS">
−
<div class="container">
+
</div>
−
    <div class="section text-center section-landing">
+
<div class="main main-raised">
−
                <div class="row">
+
<div class="container">
−
<!-- This is the main text -->
+
<h1 class="text-center">Silver Medal Requirements</h1>
−
                    <div>
+
<div class="row">
−
                        <h2 class="title" id="Title">Summer Pathways <img src="#" class="img-rounded" alt="Logo"/> </h2>
+
<h3>Requirement 1</h3>
−
                        <h5 class="description" id="Description">This is what we did for our Human Practices</h5>
+
<div class="text_section">
−
<p id= "Paragraph"> Description and pictures of what we did</p>
+
<div class="text">
−
                    </div>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
−
</div>
+
−
          </div>
+
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<h3>Requirement 2</h3>
 +
<div class="text_section">
 +
<div class="text">
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
 
</div>
 
</div>
−
        <div class="main main-raised" id = "main_text">
+
</div>
−
        <div class="container">
+
</div>
−
            <div class="section text-center section-landing">
+
<div class="row">
−
                    <div class="row">
+
<h3>Requirement 3</h3>
−
                      <!-- This is the main text -->
+
<div class="text_section">
−
                        <div>
+
<div class="text">
−
                            <h2 class="title" id="Title">Lab Visit <img src="#" class="img-rounded" alt="Fronhaufer"/> </h2>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
−
                            <h5 class="description" id="Description">This is what we did for our Human Practices</h5>
+
</div>
−
                            <p id= "Paragraph"> Description and pictures of what we did</p>
+
</div>
−
                        </div>
+
</div>
−
                      </div>
+
<div class="row">
−
              </div>
+
<h3>Requirement 4</h3>
−
          </div>
+
<div class="text_section">
−
          </div>
+
<div class="text">
−
          <div class="main main-raised" id = "main_text">
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
−
          <div class="container">
+
</div>
−
              <div class="section text-center section-landing">
+
</div>
−
                      <div class="row">
+
</div>
−
                        <!-- This is the main text -->
+
</div>
−
                          <div>
+
</div>
−
                              <h2 class="title" id="Title">BosLab <img src="#" class="img-rounded" alt="BosLab"/> </h2>
+
</div>
−
                              <h5 class="description" id="Description">This is what we did for our Human Practices</h5>
+
−
                              <p id= "Paragraph"> Descriptions and pictures of what we did</p>
+
−
                          </div>
+
−
                        </div>
+
−
                </div>
+
−
            </div>
+
−
            </div>
+
−
  </div>
+
−
 
+
 
</div>
 
</div>
 
</body>
 
</body>

Revision as of 04:35, 11 October 2017

BostonU_HW

Bronze Medal

Silver Medal Requirements

Requirement 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.

Requirement 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.

Requirement 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.

Requirement 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.