first commit

KRISHNAVIB · Oct 30, 2021 · 51a60fa · 51a60fa
commit 51a60fa
Show file tree

Hide file tree

Showing 11 changed files with 211 additions and 0 deletions.
diff --git a/chatwithus.png b/chatwithus.png
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,102 @@
+:root {
+  --main-bg-color: rgba(48, 54, 63, 0.925);
+}
+* {
+  margin: 0;
+  padding: 0;
+}
+body {
+  background-color: rgba(148, 219, 107, 0.712);
+}
+header {
+  background-color: rgba(48, 54, 63, 0.925);
+}
+nav ul li {
+  list-style: none;
+  padding: 0px 23px;
+}
+nav ul li a {
+  color: white;
+  text-decoration: none;
+  font-family: "Roboto", sans-serif;
+}
+nav ul li a:hover {
+  color: white;
+  text-decoration: none;
+  font-family: "Roboto", sans-serif;
+  font-weight: bolder;
+}
+nav ul {
+  height: 50px;
+  display: flex;
+
+  align-items: center;
+}
+nav {
+  display: flex;
+}
+.logo {
+  display: flex;
+  align-items: center;
+  padding: 15px;
+  height: 10px;
+}
+.logopng {
+  height: 7vh;
+  padding-top: 12px;
+}
+.container {
+  min-height: calc(100vh - 50px - 12vh);
+}
+.slider {
+  margin: 20px auto;
+
+  width: 56vw;
+}
+.card {
+  margin: auto;
+  width: 73vw;
+
+  font-family: "Ubuntu", sans-serif;
+}
+.my-2 {
+  margin: 12px 0px;
+}
+.my-1 {
+  margin: 6px 0px;
+}
+.cards {
+  display: flex;
+  justify-content: center;
+}
+.card-item {
+  background-color: rgb(110, 148, 160);
+  border: solid rgb(77, 77, 77) 2px;
+  border-width: 6px;
+  border-radius: 4px;
+  width: 10vw;
+  margin: 0px 10px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+}
+.chatwithus {
+  margin-left: 95vw;
+  margin-top: 260px;
+  position: fixed;
+  z-index: 2;
+}
+footer {
+  height: 16vh;
+  background-color: var(--main-bg-color);
+  color: white;
+  font-family: "Atkinson Hyperlegible", sans-serif;
+}
+.footertext {
+  margin-left: 49vw;
+  padding-top: 8vh;
+}
+.contactdetails {
+  padding-left: 80vw;
+  padding-top: 0;
+}
diff --git a/impact-ranking3.jpg b/impact-ranking3.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+<body>
+    <header>
+        <nav>
+          <div class="logo">
+            <img class="logopng" src="logo.png" alt="lpu" />
+          </div>
+          <ul>
+            <li><a href="home.html">Home</a></li>
+            <li><a href="Admissions.html">Admissions</a></li>
+            <li><a href="Research.html">Research</a></li>
+            <li><a href="placement.html">placement</a></li>
+            <li><a href="Campuslife.html">Campuslife</a></li>
+            <li><a href="Discipline.html">Discipline</a></li>
+            <li><a href="about.html">About</a></li>
+            <li><a href="Contactus.html">Contact us</a></li>
+        </ul>
+
+        </nav>
+      </header>
+      <main>
+        <div class="container">
+            <div class="slider">
+              <img
+                src="slidere.png"
+                alt=""
+              />
+            </div>
+            <div class="chatwithus"><a href="chatwithus.html">
+                <img src="chatwithus.png" alt=""></a>
+            </div>
+            <div class="card">
+
+                <div class="cards">
+                  <div class="card-item">
+                    <img src="modi.jpg" alt="" />
+                    <div class="lines">
+                      <p class="text-center my-1">PM Sh. Narendra Modi Adds "Jai Anusandhan" To The Historic Slogan, "Jai Jawan, Jai Kisan, Jai Vigyan" During The 106th Indian Science Congress Held At LPU</p>
+                      <p class="text-center my-1" ><a href="Readmore1.html">Read More-></a></p>
+                    </div>
+                  </div>
+
+                  <div class="card-item">
+                    <img
+                      src="olympics.jpg"
+                      alt=""
+                    />
+                    <div class="lines">
+                      <p class="text-center my-1">LPU CREATES HISTORY 12 Out Of 13 LPU' Students Won Olympic Medals 1 Gold, 1 Silver And 2 Bronze Medals Congratulations To All You Have Made India Proud</p>
+                      <p class="text-center my-1" ><a href="Readmore2.html">Read More-></a></p>
+
+                    </div>
+                  </div>
+
+                  <div class="card-item">
+                    <img
+                      src="the-rank.jpg"
+                      alt=""
+                    />
+                    <div class="lines">
+                      <p class="text-center my-1">LPU Is Ranked 36th Amongst Top Universities, 8th In Clinical & Health Sciences Subject And 10th In Life Sciences Subject In India As Per Times Higher Education World University Rankings 2022</p>
+                      <p class="text-center my-1" ><a href="Readmore3.html">Read More-></a></p>
+                    </div>
+                  </div>
+
+                  <div class="card-item">
+                    <img
+                      src="impact-ranking3.jpg"
+                      alt=""
+                    />
+                    <div class="lines">
+                      <p class="text-center my-1">LPU Is Ranked 2nd In India Only Three Indian Universities Made It To The Top 200 List Globally As Per Times Higher Education Impact Rankings 2021</p>
+                      <p class="text-center my-1" ><a href="Readmore3=4.html">Read More-></a></p>
+                    </div>
+                  </div>
+
+                  <div class="card-item">
+                    <img
+                      src="outlook-ranking3.jpg"
+                      alt=""
+                    />
+                    <div class="lines">
+                      <p class="text-center my-1">Outshining Hundreds Of Private Institutions/Universities Across India, LPU Dominates The List Of Indian Higher Education Institutions In The Prestigious Outlook ICARE Rankings 2021</p>
+                      <p class="text-center my-1" ><a href="Readmore5.html">Read More-></a></p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+      </main>
+      <footer class="footer">
+        <p class="footertext"> Lpu.in  </p>
+        <div class="contactdetails">
+            <ul>
+                <li>Tel:+1245785365</li>
+                <li>Email:[email protected]</li>
+            </ul>
+        </div>
+      </footer>
+      <script src="js/index.js"></script>
+</body>
+</html>
diff --git a/js/index,js b/js/index,js
diff --git a/logo.png b/logo.png
diff --git a/modi.jpg b/modi.jpg
diff --git a/olympics.jpg b/olympics.jpg
diff --git a/outlook-ranking3.jpg b/outlook-ranking3.jpg
diff --git a/slidere.png b/slidere.png
diff --git a/the-rank.jpg b/the-rank.jpg