Merge pull request #122 from Komal73/komal-swoc24-contribution

Komal swoc24 contribution
JAYESHBATRA · Jan 14, 2024 · 67f01db · 67f01db
2 parents ec7f0c3 + e2d51c4
commit 67f01db
Show file tree

Hide file tree

Showing 2 changed files with 123 additions and 21 deletions.
diff --git a/index.html b/index.html
@@ -374,13 +374,37 @@ <h2>CareerLaunch <br>Accelerator</h2>
   <!-- <a href="#" class="company-logo">
         <img src="./assets/asset 41.png" alt="company logo">
     </a> -->
-  <footer>
+  <footer class="footer">
     <div class="footer-content">
-      <a href="#" class="company-logo footer-logo">
-        <img src="./assets/asset 41.png" alt="company logo">
-      </a>
-      <p>Developed By Jayesh Batra</p>
+
+      <div class="app-info">
+        <div class="company-logo footer-logo"><a href="index.html">
+          <img src="./assets/asset 41.png" alt="company logo">
+        </a>
+        </div>
+        <p>We specialize in delivering an enriching learning experience through a combination of simulations, 3D visualizations, customized quizzes, and videos to immerse learners in real-world scenarios, fostering a dynamic and engaging educational journey.</p>
+
+      </div>
+
+      <div class="useful-links">
+        <div class="links-title"><span class="links-title-span">Useful Links</span></div>
+        <ul>
+
+          <li><a href="./Pages/Simulation/index.html">Stimulations</a></li>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="./Pages/3D-Visualizations/index.html">3D Visualisations</a></li>
+          <li><a href="./Pages/About-Us/index.html">About Us</a></li>
+          <li><a href="./Pages/Quizes/index.html">Quizzes</a></li>
+          <li><a href="#">Contact Us</a></li>
+          <li><a href="./Pages/Videos/index.html">Videos</a></li>
+          <li><a href="./Pages/Doubt Engine/index.html">Help</a></li>
+        </ul>
+      </div>
+    </div>
+    <div class="copyright">
+      <h3>Copyright &copy; 2024 Virtuo Learn | All rights reserved | Developed By <a href="https://github.com/JAYESHBATRA">Jayesh Batra</a></h3>
     </div>
+
   </footer>
 
   <script src="https://kit.fontawesome.com/c1fc3d2826.js" crossorigin="anonymous"></script>

diff --git a/style.css b/style.css
@@ -605,23 +605,91 @@ table .ribbon::after {
 
 /* footer */
 
-footer {
-	bottom: 0;
+.footer {
+/*	bottom: 0;
 	left: 0;
 	right: 0;
 	background: #111;
+	*/
+
 	height: auto;
-	width: 100vw;
-	padding-top: 40px;
-	background-color: #ebf2fa;
+
+	padding-top: 20px;
+	background-color: #ebf2fa; 
 }
 
 .footer-content {
 	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-direction: column;
-	text-align: center;
+    justify-content:space-around;
+    align-items:center ;
+    flex-direction: row;
+
+}
+
+.app-logo{
+	margin-left: 50px;
+	padding-left: 50px;
+	width: 300px;
+}
+
+.app-info{
+	margin-right: 10px;
+	padding-left: 100px;
+	width: 1000px;
+
+}
+.footer-logo img{
+	height: 61px;
+	width: 270px;
+	border-left: 6px solid #2d4bf0;
+	padding-left: 10px;
+	padding-right: 15px;
+	border-right: 6px solid #2d4bf0;
+}
+.app-info p{
+	padding-bottom: 30px;
+	color: ffffff;
+	padding-left: 20px;
+
+}
+
+.useful-links{
+	margin: 60px;
+	width: 500px;
+	text-decoration:underline;
+	padding-right: 30px;
+}
+
+.useful-links ul{
+	display: grid;
+    grid-template-columns: repeat(2, 1fr);
+	padding-left: 10px;
+}
+.links-title{
+	font-size: 1.40rem;
+
+    line-height: 1.30rem;
+    color: rgb(33, 28, 28);
+    height: fit-content;
+	padding-bottom: 20px;
+}
+.links-title-span{
+	padding-left: 10px;
+	border-left: 6px solid #2d4bf0;
+	padding-right: 10px;
+	border-right: 6px solid #2d4bf0;
+
+}
+.useful-links ul li {
+	font-size: 18px;
+	padding: 3px;
+	color: ffffff;
+}
+
+.useful-links ul li a:hover{
+	color: #111;
+	transition: 0.5s;
+	transform: scale(1.1);
 }
 
 .footer-logo {
@@ -630,13 +698,23 @@ footer {
 	text-transform: capitalize;
 	line-height: 3rem;
 }
-
-.footer-content p {
-	max-width: 500px;
-	margin: 10px auto;
-	line-height: 28px;
-	font-size: 14px;
-	color: #cacdd2;
+.copyright{
+	background-color:  #d6d9fd;
+	padding: 18px;
+	text-align: center;
+}
+.copyright h3{
+	font-size: 20px;
+	color: rgb(33, 28, 28);
+}
+.copyright h3 a{
+
+	color: rgb(34, 91, 184);
+}
+.copyright h3 a:hover{
+
+	transition: 0.5s;
+	transform: scale(1.1);
 }
 .popup {
 	transition: all 300ms ease-out;