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

Line 52: Line 52:
 
</head>
 
</head>
  
−
{{BostonU_HW/CSS}}
+
<body>
−
{{BostonU_HW/Nav_Bar}}
+
  <main>
−
<html>
+
    <section class="section-profile-cover section-shaped my-0">
−
<head>
+
      <div class="shape shape-style-1 shape-default shape-skew alpha-4"></div>
−
  <meta charset="utf-8">
+
      <div class="container">
−
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
        <div class="row justify-content-center">
−
  <meta name="description" content="Start your development with a Design System for Bootstrap 4.">
+
          <div class="col-lg-4 pt-5">
−
  <meta name="author" content="Creative Tim">
+
          <img src="https://static.igem.org/mediawiki/2018/c/c9/T--BostonU_HW--TERRA_logo.png" style="width: 250px;" class="img-fluid">
−
  <title>Argon Design System - Free Design System for Bootstrap 4</title>
+
          </div>
−
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_jquery?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
          <div class="col-lg-8 pt-xl">
−
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_bootstrap_min?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
            <h1 class="display-1">Human Practices</h1>
 +
          </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">
 +
              <!-- Microfluidics -->
 +
              <h2 class="display-3"></p></h2>
 +
              <div class="text">
  
−
<!-- /* ADJUSTS DEFAULT iGEM CONTENT */-->
+
              </div>
−
 
+
              <div class="nav-wrapper">
−
<style type="text/css">
+
                <ul class="nav nav-pills nav-fill flex-column flex-lg-row ml-0" id="tabs-icons-text" role="tablist">
−
.logo_2018, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
+
                  <li class="nav-item">
−
    display: none;
+
                    <a class="nav-link mb-sm-3 mb-md-0 active" id="tabs-icons-text-1-tab" data-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="tabs-icons-text-1" aria-selected="true"><i class="ni ni-cloud-upload-96 mr-2"></i>Human Practices</a>
−
}
+
                  </li>
−
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
+
                  <li class="nav-item">
−
    background-color: transparent;
+
                    <a class="nav-link mb-sm-3 mb-md-0" id="tabs-icons-text-2-tab" data-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="tabs-icons-text-2" aria-selected="false"><i class="ni ni-cloud-upload-96 mr-2"></i>Integrated Human Practices</a>
−
}
+
                  </li>
−
/* ADJUSTS DEFAULT iGEM CONTENT */
+
                </ul>
−
 
+
              </div>
−
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
+
              <div class="card shadow">
−
    display: none;
+
                <div class="card-body">
−
}
+
                  <div class="tab-content" id="myTabContent">
−
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
+
                    <div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
−
    background-color: transparent;
+
                      <small class="h6 text-default">
−
}
+
                        STEM Pathways</p>
−
body, html, #globalWrapper, #bodyContent, #HQ_page {
+
                        neGEM
−
width: 100%;
+
                      </small>
−
margin: 0;
+
                    </div>
−
padding: 0;
+
                    <div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
−
height: 100%;
+
                      <small class="h6 text-default">
−
}
+
                        Fraunhofer</p>
−
#content {
+
                        Phenomyx</p>
−
width: 100%;
+
                        DIYBio Spaces
−
margin: 0;
+
                      </small>
−
margin-top: -33px;
+
                    </div>
−
padding: 0;
+
                  </div>
−
height: 100%;
+
                </div>
−
}
+
              </div>
−
html {
+
              <br>
−
-webkit-font-smoothing: antialiased;
+
            </div>
−
}
+
          </div>
−
#logo{
+
        </div>
−
height:100%;
+
      </div>
−
width:100%;
+
    </section>
−
margin-top: 2%;
+
  </main>
−
}
+
</body>
−
</style>
+
−
</head>
+
 
</html>
 
</html>
 
{{BostonU_HW/Javascript}}
 
{{BostonU_HW/Javascript}}

Revision as of 14:22, 24 August 2018

Argon Design System - Free Design System for Bootstrap 4

Argon Design System - Free Design System for Bootstrap 4

Human Practices

STEM Pathways

neGEM
Fraunhofer

Phenomyx

DIYBio Spaces