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

(Prototype team page)
 
Line 1: Line 1:
−
{{BostonU_HW}}
+
{{BostonU_HW/CSS}}
 +
{{BostonU_HW/Nav_Bar}}
 
<html>
 
<html>
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
  <meta name="description" content="Start your development with a Design System for Bootstrap 4.">
 +
  <meta name="author" content="Creative Tim">
 +
  <title>Argon Design System - Free Design System for Bootstrap 4</title>
 +
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_jquery?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_bootstrap_min?action=raw&ctype=text/javascript" type="text/javascript"></script>
  
−
<div class="column two_thirds_size" >
+
<!-- /* ADJUSTS DEFAULT iGEM CONTENT */-->
  
−
<h1>Team</h1>
+
<style type="text/css">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
.logo_2018, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
 +
    display: none;
 +
}
 +
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 +
    background-color: transparent;
 +
}
 +
/* ADJUSTS DEFAULT iGEM CONTENT */
  
 +
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
 +
    display: none;
 +
}
 +
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 +
    background-color: transparent;
 +
}
 +
body, html, #globalWrapper, #bodyContent, #HQ_page {
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;
 +
height: 100%;
 +
}
 +
#content {
 +
width: 100%;
 +
margin: 0;
 +
margin-top: -33px;
 +
padding: 0;
 +
height: 100%;
 +
}
 +
html {
 +
-webkit-font-smoothing: antialiased;
 +
}
 +
#logo{
 +
height:100%;
 +
width:100%;
 +
margin-top: 2%;
 +
}
 +
</style>
 +
</head>
  
−
<h3>What should this page contain?</h3>
+
<body>
−
<ul>
+
  <main>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    <section class="section-profile-cover section-shaped my-0">
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
      <div class="shape shape-style-1 shape-default shape-skew alpha-4"></div>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
        <div class="col offset-5 py-5">
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
          <div class="row">
−
</ul>
+
            <div class="col-lg-6">
−
</div>
+
            <!-- add an image of logo + slogan
 +
            <img src="#" style="width: 200px;" class="img-fluid">
 +
          -->
 +
              <div class="lead text-dark mb-5">Meet the Team</div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
    <section class="section section-skew">
 +
      <div class="container">
 +
        <div class="card card-profile shadow mt--300 px-4 pt-3">
 +
          <div class="row justify-content-center">
 +
            <div class="col-lg-12 px-4 pt-3">
 +
              <h2 class=display-3>Team Members</p></h2>
 +
              <div class="row">
 +
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
 +
                  <div class="px-4">
 +
                    <img src="../iGEM_Pages/photos/ezira.jpg" class="rounded-circle img-center img-fluid shadow shadow-lg--hover" style="width: 200px;">
 +
                    <div class="pt-4 text-center">
 +
                      <h5 class="title">
 +
                        <span class="d-block mb-1">Ezira Yimer Wolle</span>
 +
                      </h5>
 +
                      <small class="h7 text-muted">Biomedical Engineering<br>Class of 2019</small>
 +
                      <div class="mt-3">
 +
                        <a href="mailto:ezirayw@bu.edu" class="btn btn-default btn-sm">email: ezirayw@bu.edu</a>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
 +
                  <div class="px-4">
 +
                    <img src="../iGEM_Pages/photos/mo.jpg" class="rounded-circle img-center img-fluid shadow shadow-lg--hover" style="width: 200px;">
 +
                    <div class="pt-4 text-center">
 +
                      <h5 class="title">
 +
                        <span class="d-block mb-1">Mohammed Uddin</span>
 +
                      </h5>
 +
                      <small class="h7 text-muted">Computer Engineering<br>Class of 2019</small>
 +
                      <div class="mt-3">
 +
                        <a href="mailto:muddin1@bu.edu" class="btn btn-default btn-sm">email: muddin1@bu.edu</a>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
 +
                  <div class="px-4">
 +
                    <img src="../iGEM_Pages/photos/maggie.jpg" class="rounded-circle img-center img-fluid shadow shadow-lg--hover" style="width: 200px;">
 +
                    <div class="pt-4 text-center">
 +
                      <h5 class="title">
 +
                        <span class="d-block mb-1">Maggie Wu</span>
 +
                      </h5>
 +
                      <small class="h7 text-muted">Biomedical and Mechanical Engineering<br>Class of 2020</small>
 +
                      <div class="mt-3">
 +
                        <a href="mailto:maniwu@bu.edu" class="btn btn-default btn-sm">email: maniwu@bu.edu</a>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
 +
                  <div class="px-4">
 +
                    <img src="../iGEM_Pages/photos/peyton.jpg" class="rounded-circle img-center img-fluid shadow shadow-lg--hover" style="width: 200px;">
 +
                    <div class="pt-4 text-center">
 +
                      <h5 class="title">
 +
                        <span class="d-block mb-1">Peyton Tierney</span>
 +
                      </h5>
 +
                      <small class="h7 text-muted">Biomedical Engineering<br>Class of 2021</small>
 +
                      <div class="mt-3">
 +
                        <a href="mailto:ptierney@bu.edu" class="btn btn-default btn-sm">email: ptierney@bu.edu</a>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <br><br>
 +
              <h2 class=display-3>Mentors & Advisors</p></h2>
 +
              <div class="row">
 +
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
 +
                  <div class="px-4">
 +
                    <img src="#" class="rounded-circle img-center img-fluid shadow shadow-lg--hover" style="width: 200px;">
 +
                    <div class="pt-4 text-center">
 +
                      <h5 class="title">
 +
                        <span class="d-block mb-1">Shane McCormack</span>
 +
                      </h5>
 +
                      <small class="h7 text-muted">Computer Engineering</small>
 +
                      <div class="mt-3">
 +
                        <a href="#" class="btn btn-default btn-sm">email:</a>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
 +
                  <div class="px-4">
 +
                    <img src="#" class="rounded-circle img-center img-fluid shadow shadow-lg--hover" style="width: 200px;">
 +
                    <div class="pt-4 text-center">
 +
                      <h5 class="title">
 +
                        <span class="d-block mb-1">Ali Lashkaripour</span>
 +
                      </h5>
 +
                      <small class="h7 text-muted">Biomedical Engineering</small>
 +
                      <div class="mt-3">
 +
                        <a href="#" class="btn btn-default btn-sm">email:</a>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
 +
                  <div class="px-4">
 +
                    <img src="#" class="rounded-circle img-center img-fluid shadow shadow-lg--hover" style="width: 200px;">
 +
                    <div class="pt-4 text-center">
 +
                      <h5 class="title">
 +
                        <span class="d-block mb-1">Dylan Samperi</span>
 +
                      </h5>
 +
                      <small class="h7 text-muted">Biomedical Engineering</small>
 +
                      <div class="mt-3">
 +
                        <a href="#" class="btn btn-default btn-sm">email:</a>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
 +
                  <div class="px-4">
 +
                    <img src="#" class="rounded-circle img-center img-fluid shadow shadow-lg--hover" style="width: 200px;">
 +
                    <div class="pt-4 text-center">
 +
                      <h5 class="title">
 +
                        <span class="d-block mb-1">Radhakrishna Sanka</span>
 +
                      </h5>
 +
                      <small class="h7 text-muted">Computer Engineering</small>
 +
                      <div class="mt-3">
 +
                        <a href="#" class="btn btn-default btn-sm">email:</a>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <br><br>
 +
              <h2 class="display-3">Principal Investigator</h2>
 +
              <div class="row">
 +
                <div class="col-md-4 col-lg-4 mb-5 mb-lg-0">
 +
                  <div class="px-4 pt-3">
 +
                    <img src="#" class="rounded-circle img-center img-fluid shadow shadow-lg--hover" style="width: 200px;">
 +
                  </div>
 +
                </div>
 +
                <div class="col-md-8 col-lg-8 mb-5 mb-lg-0">
 +
                  <div class="pt-3">
 +
                    <div class="h6 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a risus in magna lobortis tempor. Vivamus venenatis leo sed ultricies ornare. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dignissim, risus ut pellentesque euismod, nisl lacus tincidunt mauris, lacinia varius lorem risus ac velit. Aliquam eget magna pharetra, pharetra risus molestie, semper nulla. Mauris erat neque, venenatis eget lobortis in, molestie quis leo. Maecenas ipsum tellus, luctus ac porta vel, mattis et diam. Phasellus a lorem dapibus magna lobortis porttitor id a nisl. Praesent vitae mauris commodo, efficitur nunc eget, feugiat mauris. Nunc vel ante eu turpis malesuada pulvinar vel eget justo. Etiam placerat eros mauris, a vulputate lectus congue id. Nulla consequat aliquet nisi, eu tincidunt augue iaculis ac.
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <br>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
  </main>
 +
</body>
  
−
 
−
 
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
 
</html>
 
</html>
 +
{{BostonU_HW/Javascript}}

Revision as of 18:48, 17 August 2018

Argon Design System - Free Design System for Bootstrap 4

Argon Design System - Free Design System for Bootstrap 4
Meet the Team

Team Members

Ezira Yimer Wolle
Biomedical Engineering
Class of 2019
email: ezirayw@bu.edu
Mohammed Uddin
Computer Engineering
Class of 2019
email: muddin1@bu.edu
Maggie Wu
Biomedical and Mechanical Engineering
Class of 2020
email: maniwu@bu.edu
Peyton Tierney
Biomedical Engineering
Class of 2021
email: ptierney@bu.edu


Mentors & Advisors

Shane McCormack
Computer Engineering
email:
Ali Lashkaripour
Biomedical Engineering
email:
Dylan Samperi
Biomedical Engineering
email:
Radhakrishna Sanka
Computer Engineering
email:


Principal Investigator

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a risus in magna lobortis tempor. Vivamus venenatis leo sed ultricies ornare. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dignissim, risus ut pellentesque euismod, nisl lacus tincidunt mauris, lacinia varius lorem risus ac velit. Aliquam eget magna pharetra, pharetra risus molestie, semper nulla. Mauris erat neque, venenatis eget lobortis in, molestie quis leo. Maecenas ipsum tellus, luctus ac porta vel, mattis et diam. Phasellus a lorem dapibus magna lobortis porttitor id a nisl. Praesent vitae mauris commodo, efficitur nunc eget, feugiat mauris. Nunc vel ante eu turpis malesuada pulvinar vel eget justo. Etiam placerat eros mauris, a vulputate lectus congue id. Nulla consequat aliquet nisi, eu tincidunt augue iaculis ac.