v0.1.0

AshrithSagar · May 3, 2022 · 6bb948f · 6bb948f
1 parent 8291bd4
commit 6bb948f
Show file tree

Hide file tree

Showing 2 changed files with 90 additions and 11 deletions.
diff --git a/index.css b/index.css
@@ -1,13 +1,29 @@
 h1 {
   color: blue;
-  font-family: verdana;
   font-size: 300%;
 }
-p {
-  color: red;
-  font-family: courier;
-  font-size: 160%;
-  border: 2px solid powderblue;
-  padding: 30px;
-  margin: 50px;
+
+div {
+  font-size: 1.2rem;
+  color: #240007;
+  line-height: 1.5rem;
+  margin-bottom: 5rem;
+  padding: 1rem;
+    padding-top: 1rem;
+    padding-right: 1rem;
+    padding-bottom: 1rem;
+    padding-left: 1rem;
+
+  font-family: "Catamaran",sans-serif,serif;
+
+  box-sizing: border-box;
+
+  text-align: center;
+
+  margin: 0;
+  padding: 0;
+
+  border-radius: 2px;
+  background-color: #badcb4;
+
 }
diff --git a/index.html b/index.html
@@ -3,11 +3,74 @@
 
 <head>
     <link rel="stylesheet" href="index.css">
+    <title>Manipal Biomachines</title>
 </head>
 
 <body>
-    <h1>Manipal Biomachines</h1>
-    <p>MBM</p>
+    <div id="root">
+        <div class="mobile-nav">
+            <div class="hamburger">
+                <div class="line"></div>
+                <div class="line"></div>
+                <div class="line"></div>
+            </div>
+        </div>
+        <div class="header">
+            <div class="nav-logo"><a href="/"><img class="nav-logo" src="/static/media/mbmvector.0dc46e9e.jpg"
+                        alt=""></a></div><a href="/">Home</a><a href="/blog">Blog</a><a href="/igem">iGEM</a><a
+                aria-current="page" class="active-link" href="/projects">Projects</a><a href="/team">Team</a><a
+                href="/contact">Contact us</a>
+        </div>
+        <div class="projects-full">
+            <div class="projects">
+                <section class="left">
+                    <h1>Projects</h1>
+                    <div class="aim">Manipal BioMachines will select a new problem statement each year and will strive
+                        to bring out new and innovative solutions and validate them using Synthetic Biology and Genetic
+                        Engineering. We will not only nurture and provide opportunities for SynBio enthusiasts but will
+                        cater to a wide variety of other disciplines including but not limited to computer sciences,
+                        electronics, mechanical and manufacturing engineering.</div>
+                    <div class="desc-2020">Our aim is to genetically engineer a bacterium that will be capable of
+                        converting methylmercury and other organic mercury compounds into elemental mercury in
+                        conditions prevalent inside the human gut, and hence providing a proof of concept for the use of
+                        such engineered bacteria for probiotic applications thus preventing mercury poisoning and its
+                        allied health effects in humans. This project will also deal with gut inflammation which may
+                        otherwise be a deterrent to the positive effects of the project.</div>
+                </section>
+                <section class="right">
+                    <div class="right-head">
+                        <h1>Methylmercury Poisoning</h1>
+                        <h2>2020</h2>
+                    </div><img
+                        src="https://static.wixstatic.com/media/5a06b3_c13c58b8d0c646f7aa57d618a2c96a3e~mv2.png/v1/fill/w_490,h_800,al_c,q_90,usm_0.66_1.00_0.01/5a06b3_c13c58b8d0c646f7aa57d618a2c96a3e~mv2.webp"
+                        alt="project-pic">
+                </section>
+            </div>
+            <div class="button-support"><a
+                    href="https://www.ketto.org/fundraiser/we-are-mit-manipals-igem-team-support-us?utm_medium=copy&amp;utm_content=f43cfdf81fce212bfc1e0441339d29b2&amp;shby=1&amp;utm_source=internal&amp;utm_campaign=we-are-mit-manipals-igem-team-support-us">Support
+                    Us</a></div>
+        </div>
+        <div class="footer">
+            <div class="top">
+                <div class="left"><a href="https://www.instagram.com/manipalbiomachines/"><i
+                            class="fab fa-instagram"></i></a><a href="https://www.facebook.com/manipalbiomachines/"><i
+                            class="fab fa-facebook"></i></a><a
+                        href="https://www.linkedin.com/company/manipal-biomachines/"><i class="fab fa-linkedin"></i></a>
+                </div>
+                <div class="right">© 2021 Manipal Biomachines</div>
+            </div>
+            <div class="made-with">Made with<span style="padding: 0px 0.2rem; transform: translate(0px, 0.25rem);"><svg
+                        width="1.6rem" height="1.6rem" viewBox="0 0 200 200">
+                        <g transform="translate(100 100)">
+                            <path transform="translate(-50 -50)" fill="tomato"
+                                d="M92.71,7.27L92.71,7.27c-9.71-9.69-25.46-9.69-35.18,0L50,14.79l-7.54-7.52C32.75-2.42,17-2.42,7.29,7.27v0 c-9.71,9.69-9.71,25.41,0,35.1L50,85l42.71-42.63C102.43,32.68,102.43,16.96,92.71,7.27z">
+                            </path>
+                            <animateTransform attributeName="transform" type="scale" values="1; 1.5; 1.25; 1.5; 1.5; 1;"
+                                dur="1s" repeatCount="indefinite" additive="sum"></animateTransform>
+                        </g>
+                    </svg></span>by MBM</div>
+        </div>
+    </div>
 </body>
 
-</html>
+</html>