New Website

PhiclubIISERM · Feb 22, 2024 · 5814f80 · 5814f80
1 parent 72363a0
commit 5814f80
Show file tree

Hide file tree

Showing 566 changed files with 5,489 additions and 25 deletions.
diff --git a/Events.html b/Events.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Phi@I | IISER-Mohali</title>
+  <link href="./assets/css/common.css?v=11" rel="stylesheet" type="text/css" />
+  <link href="./assets/css/animations.css?v=11" rel="stylesheet" type="text/css" />
+  <link href="./assets/css/mobile.css?v=11" rel="stylesheet" type="text/css" />
+  <link href="./assets/css/desktop.css?v=11" rel="stylesheet" type="text/css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+</head>
+
+<body>
+  <div class="navigation">
+    <div id="nav-box">
+      <div class="logo m-hide">
+        <div class="flex-auto-box">
+          <div class="flex-auto">
+           <a href="./index.html" style="text-decoration: none;color:inherit;">
+            <img src="./assets/images/logo.jpg" height="60px">
+           </a>
+          </div>
+          <div class="flex-auto tx-center">
+            <a href="./index.html" style="text-decoration: none;color:inherit;">
+                <span class="chhota-don">IISER Mohali</span>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="d-menu m-hide">
+        <ul style="display: inline-flex;" type="none">
+          <li><a href="./internship-links.html">Internship</a></li>
+          <li><a href="./blogs.html">Blogs</a></li>
+          <li><a href="./Events.html">Events</a></li>
+        </ul>
+      </div>
+      <div class="d-hide mobile-menu-top">
+        <div class="mobile-logo">
+          <img src="./assets/images/logo.jpg" height="60px">
+        </div>
+        <div class="mobile-bar">
+          <button onclick="openmenu()"><i class="fa fa-bars"></i></button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div id="menu-mobile" class="menu-mobile d-hide">
+    <ul type="none">
+      <button onclick="closemenu()"><i class="fa fa-times"></i></button>
+      <li><a href="./internship-links.html">Internship</a></li>
+      <li><a href="./blogs.html">Blogs</a></li>
+      <li><a href="./Events.html">Events</a></li>
+    </ul>
+  </div>
+
+  <p style="padding-top:100px"></p>
+
+  <div class="container">
+
+    <section>
+        <div class="container">
+          <div class="heading">
+            Events
+          </div>
+          <center>
+           <div class="xvl container neonText" style="padding-top:20px;padding-bottom:10px;">
+            <b>The Grand Canonical Ensemble</b>
+           </div>
+           <div class="container xl" style="padding-bottom:20px;">Starting: <b>19 February 2024</b></div>
+          </center>
+        </div>
+        <div class="w-90">
+          <div class="flex">
+            <div class="f-39">
+              <div class="container">
+                <img src="./phiweek/19.jpg" width="100%">
+              </div>
+            </div>
+            <div class="f-22">
+              <div class="container">
+                <img src="./phiweek/20.jpg" width="100%">
+              </div>
+            </div>
+            <!--div class="f-25">
+              <div class="container">
+                <img src="./phiweek/21.jpg" width="100%">
+              </div>
+            </div-->
+            <div class="f-37">
+                <div class="container">
+                    <img src="./phiweek/22.jpg" width="100%">
+                </div>
+              </div>
+          </div>
+
+          <!--<div class="flex">
+            <div class="f-75">
+              <div class="container">
+                <div class="q-bg container h-100 b-20"></div>
+              </div>
+            </div>
+            <div class="f-25">
+              <div class="container">
+                <div class="s-bg container h-100 b-20"></div>
+              </div>
+            </div>
+          </div>-->
+        </div>
+      </section>
+
+
+  <!--footer section-->
+  <div id="footer">
+    <footer>
+      <img src="./assets/images/logo.jpg" class="img-footer" />
+      <p style="padding-top:50px">
+      <!--div class="container d-hide m-hide">
+        <div class="flex">
+          <div class="third">
+            abracadabra <b>yahoo</b> kaboom
+          </div>
+          <div class="third">
+            b
+          </div>
+          <div class="third">
+            c
+          </div>
+        </div>
+      </div-->
+      </p>
+      <center>
+        <div class="heartbeats">
+          Made with <span>&hearts;</span> for Physics.
+        </div>
+      </center>
+  </div>
+
+  <script src="./assets/js/main.js" type="text/javascript"></script>
+  <script src="./assets/js/txtrotate.js" type="text/javascript"></script>
+  <script src="./assets/js/three.js" type="text/javascript"></script>
+  <script src="./assets/js/vanta.js" type="text/javascript"></script>
+  <script src="./assets/js/hero.js" type="text/javascript"></script>
+  <script>
+    function openmenu() {
+      document.getElementById('menu-mobile').style.display = 'flex';
+    }
+    function closemenu() {
+      document.getElementById('menu-mobile').style.display = 'none';
+    }
+  </script>
+</body>
+
+</html>
diff --git a/IMG_7027-removebg-preview.png b/IMG_7027-removebg-preview.png
diff --git a/IMG_7027.PNG b/IMG_7027.PNG
diff --git a/IMG_7051-removebg-preview.png b/IMG_7051-removebg-preview.png
diff --git a/IMG_7051.JPG b/IMG_7051.JPG
diff --git a/assets/css/NicolassFonts - Katerina P Rounded Alt Thin.ttf b/assets/css/NicolassFonts - Katerina P Rounded Alt Thin.ttf
diff --git a/assets/css/NicolassFonts - Katerina P Rounded Thin.ttf b/assets/css/NicolassFonts - Katerina P Rounded Thin.ttf
diff --git a/assets/css/animations.css b/assets/css/animations.css
@@ -0,0 +1,56 @@
+@keyframes all-in {
+    0%{
+        padding-left:0%;
+        padding-right: 0%;
+        width:100%;
+    }
+    100%{
+        padding-left:5%;
+        padding-right: 5%;
+        width:90%;
+    }
+}
+@keyframes all-in-in {
+    0%{
+        padding-left:0%;
+        padding-right: 0%;
+        width:100%;
+        background:none;
+        border-radius: 0px;
+    }
+    100%{
+        padding-left:5%;
+        padding-right: 5%;
+        width:90%;
+        background-color: rgba(255, 255, 255, 0.8);
+        border-radius:30px;
+    }
+}
+@keyframes all-in-in-after {
+    0%{
+        padding-left:0%;
+        padding-right: 0%;
+        width:100%;
+        background: rgba(255, 255, 255, 0.8);
+        border-radius: 0px;
+    }
+    100%{
+        padding-left:5%;
+        padding-right: 5%;
+        width:90%;
+        background-color: rgba(255, 255, 255, 1);
+        border-radius:30px;
+    }
+}
+@keyframes beat-heart {
+    0%{
+        transform: scale(1.0);
+    }
+    50%{
+        transform: scale(1.2);
+    }
+    100%{
+        transform: scale(1.0);
+    }
+
+}