Difference between revisions of "Team:BGU Israel"

Line 1: Line 1:
 
{{BGU_Israel}}
 
{{BGU_Israel}}
 +
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
 +
<head>
 +
  <title>Bootstrap Example</title>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
</head>
 +
<body>
 +
 
 +
<div class="container">
 +
  <h1>My First Bootstrap Page</h1>
 +
  <p>This part is inside a .container class.</p>
 +
  <p>The .container class provides a responsive fixed width container.</p>         
 +
</div>
  
−
  <head>
+
</body>
−
 
+
−
    <meta charset="utf-8">
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
−
    <meta name="description" content="">
+
−
    <meta name="author" content="">
+
−
  <!-- Latest compiled and minified CSS -->
+
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
−
 
+
−
    <title>OriginALS</title>
+
−
 
+
−
 
+
−
  <body id="page-top">
+
−
 
+
−
    <!-- Navigation -->
+
−
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+
−
      <div class="container">
+
−
        <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
+
−
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+
−
          <span class="navbar-toggler-icon"></span>
+
−
        </button>
+
−
        <div class="collapse navbar-collapse" id="navbarResponsive">
+
−
          <ul class="navbar-nav ml-auto">
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#about">Home</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#services">Project</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#portfolio">Team</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#contact">Parts</a>
+
−
            </li>
+
−
              <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#about">Practices</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="#services">Attributions</a>
+
−
            </li>
+
−
           
+
−
          </ul>
+
−
        </div>
+
−
      </div>
+
−
    </nav>
+
−
<header class="masthead">
+
−
<img src="https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--home_banner.jpg"></img>
+
−
<div class="container my-auto">
+
−
        <!--<div class="row">
+
−
          <div class="col-lg-10 mx-auto">
+
−
            <h1 class="text-uppercase">
+
−
              <strong>Your Favorite Source of Free Bootstrap Themes</strong>
+
−
            </h1>
+
−
            <hr>
+
−
          </div>
+
−
          <div class="col-lg-8 mx-auto">
+
−
            <p class="text-faded mb-5">Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>
+
−
            <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
+
−
          </div>
+
−
        </div>-->
+
−
      </div>
+
−
    </header>
+
−
 
+
−
    <section id="about">
+
−
      <div class="container">
+
−
        <div class="row">
+
−
          <div class="col-lg-8 mx-auto">
+
−
            <h1 class="section-heading  text-center animated fadeInLeft">Abstarct</h1>
+
−
            <hr class="dark my-4 animated fadeInLeft">
+
−
            <p style="margin:0px !important; padding:0!important;"  class="mb-4 justified animated fadeInRight">Recent research studies of Amyotrophic Lateral Sclerosis (ALS) suggest that brain cells that have become toxic, directly contribute to the progression of the disease. These cells change their gene expression pattern and possess distinguishing genetic markers. In addition, they drive the death of other cells in the brain among them the motor neurons. <br><br>
+
−
Our objective, as the BGU-IGEM team OriginALS, is to prolong survival of ALS patients via a novel genetic engineering approach. In order to reach this objective, we combine two separate strategies as our therapeutic approach: </p>
+
−
              <ol class="mb-4 justified animated fadeInRight">
+
−
                <li> We identify and selectively eliminate only the toxic cells. In order to identify and target the toxic-cells only, we use distinguishing markers that are unique only to them.</li>
+
−
                <li>We prevent the generation of new toxic cells by genetically targeting specific molecules that generate the toxic cells.</li>
+
−
              </ol>
+
−
              <p  class="mb-4 justified animated fadeInRight">
+
−
In conclusion, our approach combines an apoptotic destruction of toxic cells with the prevention of the formation of new toxic cells, thus aiming to significantly reduce the occurrence of toxic cells in the central neuronal system (CNS), which is aimed at a significant deceleration of the progression rate of ALS.</p>
+
−
 
+
−
 
+
−
           
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
    </section>
+
−
 
+
−
 
+
−
    <section id="contact" class="bg-dark">
+
−
      <div class="container">
+
−
        <div class="row">
+
−
          <div class="col-lg-8 mx-auto text-center text-white">
+
−
            <h1 class="section-heading">Contact Us</h1>
+
−
            <hr class="my-4 light">
+
−
            <p class="mb-5 text-faded">Feel free to follow and contact us for more information on:</p>
+
−
          </div>
+
−
        </div>
+
−
        <div class="row">
+
−
          <div class="col-lg-3 col-md-6 ml-auto text-center text-faded ">
+
−
            <a href="https://www.facebook.com/iGEMBGU/" target="_blank"  class="text-faded"><i class="fa fa-facebook fa-3x mb-3 sr-contac hvr-bob"></i>
+
−
            <p>iGEM BGU</p></a>
+
−
          </div>
+
−
          <div class="col-lg-3 col-md-6 mr-auto text-center text-faded ">
+
−
            <a href="https://twitter.com/originalsbgu" target="_blank" class="text-faded"><i class="fa fa-twitter fa-3x mb-3 sr-contact hvr-bob"></i>
+
−
            <p>
+
−
              @OrignialsBGU
+
−
            </p></a>
+
−
          </div>
+
−
            <div class="col-lg-3 col-md-6 ml-auto text-center text-faded">
+
−
            <a href="https://www.instagram.com/igem_2018_bgu/" target="_blank" class="text-faded"><i class="fa fa-instagram fa-3x mb-3 sr-contact  hvr-bob"></i>
+
−
                <p>@iGEM_2018_BGU</p></a>
+
−
          </div>
+
−
          <div class="col-lg-3 col-md-6 mr-auto text-center text-faded">
+
−
            <a href="mailto:originalbgu@gmail.com" target="_blank" class="text-faded"><i class="fa fa-envelope-o fa-3x mb-3 sr-contact  hvr-bob"></i>
+
−
            <p>
+
−
              originalbgu@gmail.com
+
−
            </p></a>
+
−
          </div>
+
−
         
+
−
        </div>
+
−
         
+
−
      </div>
+
−
 
+
−
    </section>
+
−
  <nav class="navbar navbar-expand-md navbar-dark bg-dark">
+
−
    <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
+
−
        <ul class="navbar-nav mr-auto">
+
−
            <li class="nav-item">
+
−
                <a class="nav-link" href="#">Ben-Gurion University of the Negev<br>
+
−
Ben Gurion 1, Beer Sheva 8410501, Israel</a>
+
−
            </li>
+
−
           
+
−
        </ul>
+
−
    </div>
+
−
   
+
−
    <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
+
−
        <ul class="navbar-nav ml-auto">
+
−
            <li class="nav-item">
+
−
                <a class="nav-link" href="#">Copyright &copy; 2018 OriginALS. All Rights Reserved.</a>
+
−
            </li>
+
−
         
+
−
        </ul>
+
−
    </div>
+
−
</nav>
+
−
   
+
−
 
+
−
    <!-- jQuery library -->
+
−
    script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
−
 
+
−
    <!-- Latest compiled JavaScript -->
+
−
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
−
 
+
−
    <!-- Plugin JavaScript -->
+
−
<script type="text/javascript" src="https://2018.igem.org/Template:BGU_Israel/jquery.easing.min?action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2018.igem.org/Template:BGU_Israel/scrollreveal.min?action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2018.igem.org/Template:BGU_Israel/parallax?action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2018.igem.org/Template:BGU_Israel/jquery.magnific-popup.min?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
    <!-- Custom scripts for this template -->
+
−
<script type="text/javascript" src="https://2018.igem.org/Template:BGU_Israel/creative.min?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
  </body>
+
−
 
+
 
</html>
 
</html>

Revision as of 06:06, 29 July 2018

OriginALS

<!DOCTYPE html> Bootstrap Example

My First Bootstrap Page

This part is inside a .container class.

The .container class provides a responsive fixed width container.