inheritance-hack/riboswitch.html at master · Jashaul/inheritance-hack · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!doctype html>

<html>
<head>
   	<script type="text/javascript" src="js/materialize.js"></script>
      <link href="css/materialize.css" rel="stylesheet" type="text/css" media="screen,projection">
      <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
      <link href="css/riboswitch.css" rel="stylesheet" type="text/css">
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script type="text/javascript" src="js/riboswitch.js"></script>
</head>

<body>

      <div id="nav-icon">
            <span class="green darken-4"></span>
            <span class="green darken-4"></span>
            <span class="green darken-4"></span>
            <span class="green darken-4"></span>
            <span class="green darken-4"></span>
            <span class="green darken-4"></span>
      </div>

      <div id="mySidenav" class="sidenav z-depth-5 green accent-3">
            <a href="index.html">Home</a>
            <a href="crash.html">Learn Synth Biology</a>
            <a href="biobrick.html">Learn BioBricks</a>
            <a href="riboswitch.html">Learn Riboswitches</a>
      </div>

      <div class="flex-container title">
            <h2>Riboswitches</h2>
      </div>

      <div class="row">
            <div class="col s12 m6 offset-m3">
                 <div class="card green z-depth-5">
                        <div class="card-content white-text">
                              <span class="card-title">In molecular biology, a riboswitch is a regulatory segment of a messenger RNA (mRNA) molecule that is affected by a trigger of some kind, and helps to control translation.</span>
                        </div>
                  </div>
            </div>
      </div>

      <div class="row">
            <div class="col s12 m6 offset-m3">
                        <div class="card green z-depth-5">
                        <div class="card-image">
                              <img src="res/ribo.gif">
                        </div>
                        <div class="card-content white-text">
                              <span class="card-title">Translation</span>
                              <p3 class="m-b-0">Translation involves “decoding” a messenger RNA (mRNA) and using its information to build a protein, or chain of amino acids.</p3>
                        </div>
                  </div>
            </div>
      </div>

      <div class="row">
		<div class="col s12 m6 offset-m3">
		  	<div class="card green z-depth-5">
				<div class="card-image">
                              <img class="responsive-img" src="http://2015.igem.org/wiki/images/c/c4/Exeter_translation_riboswitch.png" width="100%" height="100%">
                        </div>
                        <div class="card-content white-text">
      			      <span class="card-title">Function of a Riboswitch</span>
				</div>
			</div>
		</div>
	</div>

      <div class="row">
            <div class="col s12 m4 offset-m4">
                  <div class="card green z-depth-5">
                        <div class="card-content white-text">
                              <span class="card-title">In the off state the RBS is occluded due to the formation of a loop structure that does not allow translation to take place. However when it is triggered(on state), the loop melts and exposes the RBS which enables the binding of the ribosome to the RBS and hence results in translation or protein expression.</span>
                        </div>
                  </div>
            </div>
      </div>

      <div class="flex-container video">
            <iframe src="https://www.youtube.com/embed/smNbETCHedE" width="1280" height="720" frameborder="0" allowfullscreen>
            </iframe>
      </div>

      <footer class="page-footer green darken-3">
                  <div class="container">
                          <div class="row">
                              <div class="col s12 m10 offset-m1">
                                      <h2 class="white-text center">iGEM Inheritance Hackathon Project</h2>
                              </div>
                          </div>
                  </div>
                  <div class="footer-copyright">
                          <div class="container">
                              Lazy Tomato Studios 2017 ©
                              <a class="btn-floating btn-large waves-effect waves-light green" id="top" onclick="topFunction()"><i class="material-icons">vertical_align_top</i></a>
                          </div>
                  </div>
            </footer>

</body>

</html>