Skip to content

Commit

Permalink
Updated the retro logo on all pages and added the missing navbar elem… (
Browse files Browse the repository at this point in the history 
Anjaliavv51#234)

 ✨[feature Request]: Update the Navbar UI Anjaliavv51#228 

<!-- ISSUE & PR TITLE SHOULD BE SAME-->
## Description
Updated the retro logo in sync with all the other elements of the navbar
and added all the necessary missing navbar elements on different pages.


## Related Issues

<!--Cite any related issue(s) this pull request addresses. If none,
simply state “None”-->
- Closes Anjaliavv51#228 

## Type of PR
<!-- Mention PR Type according to the issue in brackets below and check
the below box -->
- [x] (Feature enhancements)

## Screenshots / videos (if applicable)

![image](https://github.com/user-attachments/assets/6a1e3e19-c983-4482-8adc-e4eb5ffb1876)

![image](https://github.com/user-attachments/assets/d2e84c7b-0374-4bbc-a5e4-10502a9c7440)

![image](https://github.com/user-attachments/assets/4059ee41-5730-4f6d-9293-544a94e25632)

![image](https://github.com/user-attachments/assets/af42b175-0b25-419f-8b5a-a789506bb793)

![image](https://github.com/user-attachments/assets/94b6e6dc-b0bb-4e2f-a934-5608b0066f5a)


## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [x] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [x] I have updated my branch and synced it with project `main` branch
before making this PR
- [x] I have performed a self-review of my code
- [x] I have tested the changes thoroughly before submitting this pull
request.
- [x] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [x] I have commented my code, particularly in hard-to-understand
areas.


## Additional context:
<!--Include any additional information or context that might be helpful
for reviewers.-->
  • Loading branch information
@Anjaliavv51
Anjaliavv51 authored Oct 5, 2024
2 parents 39555f6 + 3947b03 commit 0156878
Show file tree
Hide file tree
Showing 6 changed files with 43 additions and 11 deletions.
8 changes: 7 additions & 1 deletion Html-files/Electronic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,11 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="/Css-files/navbarstyles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<link
href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"
rel="stylesheet">
Expand Down Expand Up @@ -552,8 +556,10 @@
<a class="nav-link" href="../index.html" style="color: black;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html" style="color: black;">About Us</a>
<a class="nav-link" href="about.html" style="color: black;">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html" style="color: black;">Collections</a>
<li class="nav-item">
<a class="nav-link" href="services.html" style="color: black;">Services</a>
</li>
Expand Down
6 changes: 6 additions & 0 deletions Html-files/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,9 @@
crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="/Css-files/navbarstyles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<link
href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"
rel="stylesheet">
Expand Down Expand Up @@ -245,6 +248,8 @@
<li class="nav-item">
<a class="nav-link" href="../index.html" style="color: black;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: black;">About Us</a>
<li class="nav-item">
<a class="nav-link" href="menu.html" style="color: black;">Collections</a>
</li>
Expand All @@ -270,6 +275,7 @@
</nav>
</header>

<br><br><br><br>
<div class="mainhead">
<h1 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">About Retro</h1>
</div>
Expand Down
15 changes: 11 additions & 4 deletions Html-files/cart.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,11 @@
<link
href="https://fonts.googleapis.com/css2?family=Fuggles&amp;family=Mooli&amp;family=Oswald:wght@600&amp;family=Roboto:wght@100;300&amp;display=swap"
rel="stylesheet">

<link rel="stylesheet" href="/Css-files/navbarstyles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer">
Expand Down Expand Up @@ -297,17 +301,19 @@
<a class="nav-link" href="../index.html" style="color: black;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html" style="color: black;">About</a>
<a class="nav-link" href="about.html" style="color: black;">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html" style="color: black;">Collections</a>
<li class="nav-item">
<a class="nav-link" href="services.html" style="color: black;">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html" style="color: black;">Contact us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cart.html" style="color: black;">
Cart <span class="badge-count" id="badgeCount"></span>
<li class="nav-item" style="list-style-type: none;">
<a class="nav-link" href="#" style="color: black;">
<i class="fa-solid fa-cart-shopping"></i><span class="badge-count" id="badgeCount"></span>
</a>
</li>
</ul>
Expand All @@ -316,6 +322,7 @@
</nav>
</header>
</div>
<br><br><br><br>
<div class="mainhead">
<h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
</div>
Expand Down
6 changes: 4 additions & 2 deletions Html-files/contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -558,13 +558,15 @@
<a class="nav-link" href="../index.html" style="color: black;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html" style="color: black;">About Us</a>
<a class="nav-link" href="about.html" style="color: black;">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html" style="color: black;">Collections</a>
<li class="nav-item">
<a class="nav-link" href="services.html" style="color: black;">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html" style="color: black;">Contact us</a>
<a class="nav-link" href="#" style="color: black;">Contact us</a>
</li>
<li class="nav-item" style="list-style-type: none;">
<a class="nav-link" href="cart.html" style="color: black;">
Expand Down
7 changes: 6 additions & 1 deletion Html-files/menu.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,9 @@
<title>Retro</title>

<link rel="stylesheet" href="/Css-files/navbarstyles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<link rel="shortcut icon" type="image/x-icon" href="../Favicon image/favicon-32x32.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
Expand Down Expand Up @@ -290,6 +293,8 @@
<li class="nav-item">
<a class="nav-link" href="about.html" style="color: black;">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: black;">Collections</a>
<li class="nav-item">
<a class="nav-link" href="services.html" style="color: black;">Services</a>
</li>
Expand Down Expand Up @@ -320,7 +325,7 @@
</header>
</div>


<br><br><br><br>
<div class="mainhead">
<h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">O U R &nbsp; C O L L E C T I O N</h1>
<h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">
Expand Down
12 changes: 9 additions & 3 deletions Html-files/services.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,11 @@
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="/Css-files/navbarstyles.css"

<link rel="stylesheet" href="/Css-files/navbarstyles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<link
href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"
rel="stylesheet">
Expand Down Expand Up @@ -238,11 +242,13 @@
<a class="nav-link" href="../index.html" style="color: black;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html" style="color: black;">Collections</a>
<a class="nav-link" href="about.html" style="color: black;">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html" style="color: black;">About Us</a>
<a class="nav-link" href="menu.html" style="color: black;">Collections</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: black;">Services</a>
<li class="nav-item">
<a class="nav-link" href="contact.html" style="color: black;">Contact us</a>
</li>
Expand Down

0 comments on commit 0156878

Please sign in to comment.