Merge pull request #999 from KavyaBS123/master

fix: added logo
apu52 · Jul 14, 2024 · 5416fb8 · 5416fb8
2 parents 4c8dc1b + 793febd
commit 5416fb8
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 7 deletions.
diff --git a/Untitled (1).mp4 b/Untitled (1).mp4
diff --git a/index.html b/index.html
@@ -36,7 +36,12 @@
   <link rel="stylesheet" href="explore.css">
   <title>Tourguide</title>
   <!-- adding a fav-icon -->
+
+   <img src="Untitled (1).mp4" alt="">
+  <link rel="icon" type="image/x-icon" href="favicon.ico"/>
+
   <link rel="icon" type="image/x-icon" href="favicon.ico" />
+
   <link rel="stylesheet" href="tilt.css">
   <script src="tilt.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.0.7/countUp.min.js"></script>

diff --git a/story.html b/story.html
@@ -17,6 +17,7 @@
     <link rel="icon" type="image/x-icon" href="favicon.ico"/>
 
     <script src="index.js"></script>
+    <link rel="stylesheet" href="style.css">
 
     <script type="text/javascript"
         src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
@@ -47,8 +48,12 @@
     </nav> -->
     <div class="nav-container">
       <nav class="newNav">
-        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-
+        <div class="logo">
+          <video id="logo-video" autoplay loop muted>
+              <source src="Untitled (1).mp4" type="video/mp4">
+              Your browser does not support the video tag.
+          </video>
+          </div>
         <ul class="navLinks">
           <li class="link home" data-aos="fade-down"><a href="index.html">Home</a></li>
           <li class="link" data-aos="fade-down"><a href="index.html#AboutUs">AboutUs</a></li>

diff --git a/style.css b/style.css
@@ -53,13 +53,51 @@ button, input[type="submit"]{
     align-items: center;
 
 }
-.logo a{
-    font-size: 2.4rem;
-    font-weight: bold;
-    color: #fff;
-    text-decoration: none;
+/* 
+ */
+ .logo {
+  display: flex;
+  align-items: center;
+}
+
+.logo video {
+  height: 100px;
+  margin-right: 10px;
+  transition: transform 0.3s;
 }
 
+.logo video:hover {
+  transform: scale(1.1);
+}
+
+.logo h1 {
+  font-size: 24px;
+  color: #0d213f;;
+  margin: 0;
+}
+
+nav ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+
+nav ul li {
+  margin-left: 20px;
+}
+
+nav ul li a {
+  text-decoration: none;
+  color:  #0d213f;;
+  font-size: 16px;
+}
+
+nav ul li a:hover {
+  color: #007bff;
+}
+
+
 main{
     min-height: 80vh;
     display: flex;