Wiki/Outreach_Collaboration.html at master · MiBioSoft2017/Wiki · 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
   <head>
      <!-- bootstrap imports -->
      <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
      <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.1.1/jquery.min.js"></script>
      <script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      <!-- Comfortaa Import -->
      <link href='https://fonts.googleapis.com/css?family=Comfortaa:300,400,700' rel='stylesheet' type='text/css'>
      <!-- https://work.smarchal.com/twbscolor/css/00274c0a436cecf0f1ffffff0 -->
      <link rel="stylesheet" href="styling.css">
   </head>
   <body>
      <div class="navbar-wrapper">
         <div class="container">
            <div class="navbar  navbar-static-top">
               <ul class="nav navbar-nav">
                  <li class="navig_bar_button"><a href="Homepage.html">Home</a></li>
                  <li class="dropdown navig_bar_button">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project <span class="caret"></span></a>
                     <ul class="dropdown-menu">
                        <li><a href="Project_Overview.html">Overview</a></li>
                        <li><a href="Project_Installation.html">Installation</a></li>
                        <li><a href="Project_Demonstrate.html">User Guide/Demonstrate</a></li>
                        <li><a href="Project_Results.html">Results</a></li>
                     </ul>
                  </li>
                  <li class="dropdown navig_bar_button">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Outreach <span class="caret"></span></a>
                     <ul class="dropdown-menu">
                        <li><a href="Outreach_Collaboration.html">Collaboration</a></li>
                        <li><a href="Outreach_HP_Silver.html">HP Silver</a></li>
                        <li><a href="Outreach_HP_Gold.html">HP Gold</a></li>
                     </ul>
                  </li>
                  <li class="navig_bar_button"><a href="Attributions.html">Attributions</a></li>
               </ul>
            </div>
         </div>
      </div>
      <header>
         <div class="container-fluid">
            <div class="row">
               <div class="col-12" id = "headerImage">
                  <img class = "Header-img" src="photos/Collaboration.png" />
                  <h1 id = "headerImageh1">Collaboration</h1>
               </div>
            </div>
         </div>
      </header>
      <div class="top-buffer container-fluid">
         <div class="col-xs-1"></div>
         <div class="col-xs-10">
            <div class="banner col-sm-12">
               <br>
               <br>
            </div>
            <div>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <p>
               <h1 class="grey-text heading-weight" align = "center">Rice University iGEM Team</h1>
               <p>
                  <br>
               <div class="row" style="border-bottom:thin solid;"></div>
               <br>
               <br>
               <p id = "doubleSpace" class="p-font grey-text">
                  This year, we collaborated with Rice University's iGEM team on an app that would
                  display information such as structure and function of a molecule once the user
                  'imaged' a moving crystal. The purpose of this project was to make a way for people
                  to get a better understanding about molecules such as hemoglobin, as well as provide
                  insight as to how the structures are determined.
               </p>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
            </div>
         </div>
      </div>
      <footer>
      <div class="container-footer bg-3">
         <div class = "row">
            <div class = "col-sm-12 text-center">
               <h3 id = "h3Header">Important Links:</h3>
               <table class = "Footer-Table" align = "center">
                  <tr>
                     <td>
                        <p><a href="Project_Overview.html">Overview</a></p>
                     </td>
                     <td>
                        <p><a href="Project_Results.html">Results</a></p>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        <p><a href="Installation.html">Installation</a></p>
                     </td>
                     <td>
                        <p><a href="Outreach_Collaboration.html">Collaboration</a></p>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        <p><a href="Project_Demonstration.html">Demonstration</a></p>
                     </td>
                     <td>
                        <p><a href="Attributions.html">Attributions</a></p>
                     </td>
                  </tr>
                  <td>
                     <p><a href="Outreach_HP_Gold.html">HP Gold</a></p>
                  </td>
                  <td>
                     <p><a href="Outreach_HP_Silver.html">HP Silver</a></p>
                  </td>
                  </tr>
               </table>
            </div>
         </div>
      </div>
   </body>
</html>