Skip to content

Commit

Permalink
Merge pull request #914 from sailaja-adapa/navbar
Browse files Browse the repository at this point in the history 
Alligned Navbar
  • Loading branch information
@RitiChandak
RitiChandak authored Aug 9, 2024
2 parents e7d7b27 + 0789f82 commit f592c2f
Show file tree
Hide file tree
Showing 2 changed files with 104 additions and 184 deletions.
196 changes: 104 additions & 92 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -411,7 +411,7 @@
}
}
.nav-item {
margin-top: 5px;
margin-top: 2px;
}
#products .card img {
width: 100%;
Expand Down Expand Up @@ -525,17 +525,6 @@
/* Limit the height of the logo */
}

#progressBar {
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 8px;
background-color: #E91E63;
z-index: 9999;

}

/* Scroll to Top Button */

.scroll-to-top {
Expand Down Expand Up @@ -626,6 +615,60 @@
.card-back {
transform: rotateY(180deg);
}
.navbar-nav {
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
flex-wrap: nowrap; /* Prevent wrapping */
}

.nav-item {
display: flex;
align-items: center;
margin: 0 -9px; /* Reduced margin for better fit */
}

.nav-link {
display: flex;
align-items: center;
color: white;
text-decoration: none;
font-size: 4px; /* Adjust font size for better fit */
}

.nav-link i {
margin-right: 5px;
}

/* Additional styling for better appearance */
.nav-item:hover .nav-link {
color: #ddd;
}

.nav-item.dropdown .dropdown-menu {
display: none;
position: absolute;
}

.nav-item.dropdown:hover .dropdown-menu {
display: block;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
.navbar-nav {
flex-direction: column;
}

.nav-item {
margin: 10px 0; /* Adjust margin for vertical layout */
}
}

</style>
<!-- Swiper CSS -->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css" />
Expand Down Expand Up @@ -682,24 +725,20 @@ <h3>FRESH !</h3>
>
<!-- Navbar Menu -->
<ul class="navbar-nav">
<li
class="nav-item"
style="border: 2px solid white"
id="nav-link1"
>
<a href="./src/login.html" class="nav-link"
><i class="ri-user-3-fill"></i> Are You A Seller?</a
>
<li class="nav-item" style="border: 2px solid white" id="nav-link1">
<a href="./src/login.html" class="nav-link">
<i class="ri-user-3-fill"></i> Are You A Seller?
</a>
</li>
<li class="nav-item" id="nav-link2">
<a href="./src/shop.html" class="nav-link"
><i class="ri-shopping-bag-fill"></i> Shop</a
>
<a href="./src/shop.html" class="nav-link">
<i class="ri-shopping-bag-fill"></i> Shop
</a>
</li>
<li class="nav-item" id="nav-link3">
<a href="./src/transaction.html" class="nav-link"
><i class="ri-bank-card-fill"></i> Transactions</a
>
<a href="./src/transaction.html" class="nav-link">
<i class="ri-bank-card-fill"></i> Transactions
</a>
</li>
<li class="nav-item dropdown">
<a
Expand All @@ -710,7 +749,8 @@ <h3>FRESH !</h3>
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
><i class="ri-seedling-fill"></i> Wishlist
>
<i class="ri-seedling-fill"></i> Wishlist
<span id="wishlistCount" class="wishlist-count">0</span>
</a>
<div
Expand All @@ -722,33 +762,30 @@ <h3>FRESH !</h3>
</div>
</li>
<li class="nav-item" id="nav-link5">
<a href="./src/cart.html" class="nav-link"
><i class="ri-shopping-cart-2-fill"></i> My Cart</a
>
<a href="./src/cart.html" class="nav-link">
<i class="ri-shopping-cart-2-fill"></i> MyCart
</a>
</li>
<li class="nav-item">
<a href="./src/faq.html" class="nav-link"
><i
<a href="./src/faq.html" class="nav-link">
<i
class="fa fa-question-circle"
style="margin-right: 7px; font-size: 22px"
></i
>FAQ</a
>
></i> FAQ
</a>
</li>
<li class="nav-item">
<a href="./src/contact.html" class="nav-link"
><i class="ri-user-fill"></i>Contact</a
>
<a href="./src/contact.html" class="nav-link">
<i class="ri-user-fill"></i> Contact
</a>
</li>
<li class="nav-item">
<a href="./src/rateus.html" class="nav-link"
><i class="ri-user-star-fill"></i>Rate Us</a
>
<a href="./src/rateus.html" class="nav-link">
<i class="ri-user-star-fill"></i> RateUs
</a>
</li>
<li class="nav-item" id="nav-link5">
<a href="./src/buyerlogin.html" class="nav-link"><i class="ri-user-star-fill"></i>Signin/Signup</a>
</li>
</ul>

<input type="checkbox" id="toggle" />
<input type="checkbox" id="toggle" />

Expand All @@ -762,9 +799,9 @@ <h3>FRESH !</h3>
</nav>
</div>
<!-- adding social icon in right side -->
<!-- <div class="right-social-icn"> -->
<div class="right-social-icn">
<!-- <div class="footer-left-Social-icon-container"> -->
<!-- <div class="footer-left-social-icons soc1">
<div class="footer-left-social-icons soc1">
<a href="#">
<svg
xmlns="http://www.w3.org/2000/svg"
Expand Down Expand Up @@ -837,41 +874,18 @@ <h3>FRESH !</h3>
fill="#007b00"
viewBox="0 0 448 512"
>
!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.
<!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
/>
</svg>
</a>
</div> -->
</div>

<!-- </div> -->
<!-- </div> -->
</div>
<!-- Chat bot -->
<script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
<script>
window.botpressWebChat.init({
"composerPlaceholder": "Ask me anything!",
"botConversationDescription": "Welcome to KrishiConnect!",
"botId": "5367eda4-083d-4ed2-98bc-2fc8543a7ec4",
"hostUrl": "https://cdn.botpress.cloud/webchat/v1",
"messagingUrl": "https://messaging.botpress.cloud",
"clientId": "5367eda4-083d-4ed2-98bc-2fc8543a7ec4",
"webhookId": "0d1ca7a1-34c2-464a-9b20-86ed015bfd61",
"lazySocket": true,
"themeName": "prism",
"botName": "KrishiConnect",
"avatarUrl": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSchjcJKvGUpBOLAvQQhqIxZg-uRNNNOZVoBw&s",
"stylesheet": "https://webchat-styler-css.botpress.app/prod/328bf234-c9e7-4f98-9c94-69f1a0877b98/v27083/style.css",
"frontendVersion": "v1",
"useSessionStorage": true,
"enableConversationDeletion": true,
"theme": "prism",
"themeColor": "#2563eb",
"allowedOrigins": []
});
</script>
<!-- <div class="chatbotui">
<div class="chatbotui">
<button class="chatbot__button" style="background-color: white">
<span class="material-symbols-outlined"
><img
Expand Down Expand Up @@ -899,7 +913,7 @@ <h3 class="chatbox__title">krishiconnect</h3>
<br />
</li>
<li class="chatbot__chat outgoing">
<!-- <p>...</p> -->
</li>
</ul>
<div class="chatbot__input-box">
Expand All @@ -911,7 +925,7 @@ <h3 class="chatbox__title">krishiconnect</h3>
<span id="send-btn" class="material-symbols-outlined">Send</span>
</div>
</div>
</div> -->
</div>
<!-- chat bot finish -->

<div id="page-content" class="page-content">
Expand Down Expand Up @@ -1315,7 +1329,9 @@ <h2 style="font-size: 20px">B.Sharmila</h2>
color: black;
"
>
The service of KrishiCONNECT is exceptional. The quality and freshness of the products are unmatched. This platform has transformed our family's dining experience. There's something special about receiving products directly from farmers.
The Pacific Grove Chamber of Commerce would like to thank eLab
Communications and Mr. Will Elkadi for all the efforts that
assisted me nicely manners.
</div>
</div>
<div class="card swiper-slide">
Expand Down Expand Up @@ -1360,7 +1376,9 @@ <h2 style="font-size: 20px">Prem Sampath</h2>
color: black;
"
>
Using KrishiCONNECT has been a great experience. There's no compromise on freshness, quality, or service. I feel good knowing that the products I purchase benefit the farmers directly.
The Pacific Grove Chamber of Commerce would like to thank eLab
Communications and Mr. Will Elkadi for all the efforts that
assisted me nicely manners.
</div>
</div>
<div class="card swiper-slide">
Expand Down Expand Up @@ -1405,7 +1423,11 @@ <h2 style="font-size: 20px">Aron Loes</h2>
color: black;
"
>
KrishiCONNECT has simplified my life. I no longer need to visit the market for fresh and organic produce. The products I receive directly from farmers are not only delicious but also healthy.
SwapReads is a bookworm's paradise! With its user-friendly
interface, welcoming community, and vast variety of books for
swapping, I've embarked on countless new literary adventures.
It's like an ever-active book club where I've connected with
fellow literature lovers. I'm completely hooked!
</div>
</div>
<div class="card swiper-slide">
Expand Down Expand Up @@ -1450,7 +1472,9 @@ <h2 style="font-size: 20px">Sonal K</h2>
color: black;
"
>
I am completely satisfied with KrishiCONNECT. The vegetables and fruits I get are always fresh and of high quality. The best part is that they come directly from farmers, ensuring they get a fair price.
The Pacific Grove Chamber of Commerce would like to thank eLab
Communications and Mr. Will Elkadi for all the efforts that
assisted me nicely manners.
</div>
</div>
</div>
Expand Down Expand Up @@ -1852,17 +1876,5 @@ <h3>Contact US</h3>
<!-- Custom JavaScript -->
<script src="./chatBot/script.js"></script>
<script type="module" src="assets/js/test-script.js"></script>

<!-- Progress bar -->
<div id="progressBar"></div>
<script>
window.onscroll = function () {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("progressBar").style.width = scrolled + "%";
};
</script>
<!-- end -->
</body>
</html>
</html>
Loading

0 comments on commit f592c2f

Please sign in to comment.