Skip to content

Commit 70facb4

Browse files
author
curenet_100
committed
update the navbar
1 parent f4f6a50 commit 70facb4

File tree

6 files changed

+500
-209
lines changed

6 files changed

+500
-209
lines changed

‎api/databases/programs.json

+1
Original file line numberDiff line numberDiff line change
@@ -86,3 +86,4 @@
8686
"link": "/programs/8"
8787
}
8888
]
89+

‎app.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -350,6 +350,6 @@ app.post("/subscribe/newsletter", (req, res) => {
350350

351351
const key_id = process.env.RAZORPAY_KEY_ID;
352352

353-
app.listen(3000, () => {
353+
app.listen(5000, () => {
354354
console.log("Successfully started listening on port " + port);
355355
});

‎missionsmile.html

+44-42
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,52 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Real Happiness of Life Foundation</title>
7-
<link rel="shortcut icon" href="public/assets/images/logo.png" type="image/x-icon" />
8-
<link href="https://cdn.tailwindcss.com/your-tailwind-css-version.min.css" rel="stylesheet">
9-
<script src="https://cdn.tailwindcss.com"></script>
10-
<link rel="stylesheet" href="gracefood.css">
11-
<link
12-
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
13-
rel="stylesheet"
14-
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
15-
crossorigin="anonymous"
16-
/>
17-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
18-
<script
19-
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
20-
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
21-
crossorigin="anonymous"
22-
></script>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Real Happiness of Life Foundation</title>
8+
<link rel="shortcut icon" href="public/assets/images/logo.png" type="image/x-icon" />
9+
<link href="https://cdn.tailwindcss.com/your-tailwind-css-version.min.css" rel="stylesheet">
10+
<script src="https://cdn.tailwindcss.com"></script>
11+
<link rel="stylesheet" href="gracefood.css">
12+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
13+
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
14+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
15+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
16+
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
17+
crossorigin="anonymous"></script>
2318
</head>
19+
2420
<body>
25-
26-
<div class="container " style="font-family: Arial, Helvetica, sans-serif;">
27-
<button class="btn mt-3" style="background: #e83e8c; color: white; " >DONATE NOW</button>
28-
<h5 style="color: #e83e8c;" class="mt-5"><b>Your Support Can Save A Child Today</b> </h5>
29-
<p class="mt-3">A Single, Solvable Problem: Cleft Lip and Palate Many children around the world are living with untreated clefts. Most have difficulties eating, breathing, hearing, and speaking. </p>
30-
<h5 style="color: #e83e8c;" class="mt-3"><b>What is Cleft?</b> </h5>
31-
<p class="mt-3">35K + children born with a cleft lip/palate annually in India. <br>
32-
Rs.25,000 can cover the cost of a cleft surgery. <br>
33-
45 minutes can change a child’s life forever.</p>
34-
<h5 style="color: #e83e8c;"><b> One Goal: To Give Every Child the Chance to Smile
35-
</b></h5>
36-
<p class="mt-3">Real Happiness Of Life Foundation that supports 100%-free cleft repair surgery and comprehensive cleft care for children globally. Our sustainable model empowers local medical professionals to provide cleft care in their own communities. <br>
37-
Learn About Our Model
38-
</p>
39-
<h5 style="color: #e83e8c;"><b>Comprehensive Care</b></h5>
40-
<p class="mt-3">Every child with a cleft needs more than just surgery — they may also need orthodontics, speech therapy, or nutritional support. Where these services are available, we aim to provide them to our patients.
41-
</p>
42-
<h5 style="color: #e83e8c;"><b>Sustainable Model</b></h5>
43-
<p class="mt-3">We use the 'teach a man to fish' model focusing on training and empowering local doctors to provide comprehensive cleft care in their own communities.
4421

45-
</p>
46-
47-
</div>
48-
22+
<div class="container " style="font-family: Arial, Helvetica, sans-serif;">
23+
<button class="btn mt-3" style="background: #e83e8c; color: white; ">DONATE NOW</button>
24+
<h5 style="color: #e83e8c;" class="mt-5"><b>Your Support Can Save A Child Today</b> </h5>
25+
<p class="mt-3">A Single, Solvable Problem: Cleft Lip and Palate Many children around the world are living with
26+
untreated clefts. Most have difficulties eating, breathing, hearing, and speaking. </p>
27+
<h5 style="color: #e83e8c;" class="mt-3"><b>What is Cleft?</b> </h5>
28+
<p class="mt-3">35K + children born with a cleft lip/palate annually in India. <br>
29+
Rs.25,000 can cover the cost of a cleft surgery. <br>
30+
45 minutes can change a child’s life forever.</p>
31+
<h5 style="color: #e83e8c;"><b> One Goal: To Give Every Child the Chance to Smile
32+
</b></h5>
33+
<p class="mt-3">Real Happiness Of Life Foundation that supports 100%-free cleft repair surgery and comprehensive
34+
cleft care for children globally. Our sustainable model empowers local medical professionals to provide cleft care
35+
in their own communities. <br>
36+
Learn About Our Model
37+
</p>
38+
<h5 style="color: #e83e8c;"><b>Comprehensive Care</b></h5>
39+
<p class="mt-3">Every child with a cleft needs more than just surgery — they may also need orthodontics, speech
40+
therapy, or nutritional support. Where these services are available, we aim to provide them to our patients.
41+
</p>
42+
<h5 style="color: #e83e8c;"><b>Sustainable Model</b></h5>
43+
<p class="mt-3">We use the 'teach a man to fish' model focusing on training and empowering local doctors to provide
44+
comprehensive cleft care in their own communities.
45+
46+
</p>
47+
48+
</div>
49+
4950
</body>
51+
5052
</html>

‎public/jsfiles/navbar.js

+145-66
Original file line numberDiff line numberDiff line change
@@ -1,74 +1,153 @@
11
const template = document.createElement("template");
22
template.innerHTML = `
3-
<header>
4-
<div class="nav">
5-
<div class="container">
6-
<div class="row">
7-
<div class="nav-items">
8-
9-
<div class="logo">
10-
<a href="/"><img src="assets/images/logo.png"></a>
11-
</div>
12-
13-
<div class="menu-toggle">
14-
<button type="button" id="donate-button" class="bg-gradient-to-r from-pink-400 via-pink-500 to-pink-600 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-pink-300 dark:focus:ring-pink-800 font-medium rounded-lg text-sm px-4 py-3 mr-2 mb-2 drop-shadow-2xl" onclick="window.location.href = '/donate';"><i class="fa-solid fa-heart"></i> Donate</button>
15-
<div class="menu-hamburger"></div>
16-
</div>
17-
<div class="menu-items">
18-
<div class="menu">
19-
<ul>
20-
<li><a href="/">HOME</a></li>
21-
<li>
22-
<a>ABOUT US</a>
23-
<ul>
24-
<li><a href="/who">WHO ARE WE</a></li>
25-
<li><a href="/team">OUR TEAM</a></li>
26-
<li><a href="/legal">OUR LEGAL</a></li>
27-
</ul>
28-
</li>
29-
<li>
30-
<a>PROGRAMMES</a>
31-
<ul class="dropdown">
32-
<li><a href="/Program1">Emergency Medical Support</a></li>
33-
<li><a href="/Program3">Grace Food Bank</a></li>
34-
<li><a href="/Program9">Mission Smile Program</a></li>
35-
<li><a href="/Program7">Clubfoot Elimination Program</a></li>
36-
<li><a href="/Program4">Home for Homeless Program</a></li>
37-
<li><a href="/Program11">Mission Education Program</a></li>
38-
<li><a href="/Program8">Maternal and Child Health Program</a></li>
39-
<li><a href="/Program6">Health & Nutrition Program</a></li>
40-
<li><a href="/Women">Women Empowerment Program</a></li>
41-
<li><a href="/Program10">WASH</a></li>
42-
<li><a href="/Program2">Animal Welfare Program</a></li>
43-
</ul>
44-
</li>
45-
<li>
46-
<a>GET INVOLVED</a>
47-
<UL>
48-
<li><a href="/volunteerism">VOLUNTEERISM</a></li>
49-
<li><a href="/carrier">CARRIER</a></li>
50-
<li><a href="/partners">OUR PARTNERS</a></li>
51-
</UL>
52-
</li>
53-
<li>
54-
<a>MEDIA</a>
55-
<UL>
56-
<li><a href="/blog">BLOG</a></li>
57-
<li><a href="/gallery">PHOTO/VIDEO</a></li>
58-
</UL>
59-
</li>
60-
<li><a href="/donate">DONATE US</a></li>
61-
<li><a href="/contact">CONTACT US</a></li>
3+
4+
<nav class="navbar navbar-expand-lg" id="main_navbar">
5+
<div class="container-fluid">
6+
<a class="navbar-brand" href="#">
7+
<img src="assets/images/logo.png" alt="" width="60" height="60" class="d-inline-block align-text-top" />
8+
</a>
9+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
10+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
11+
<span class="navbar-toggler-icon"></span>
12+
</button>
13+
14+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
15+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
16+
<li class="nav-item">
17+
<a class="nav-link" href="/">Home</a>
18+
</li>
19+
<li class="nav-item dropdown">
20+
<a class="nav-link dropdown-toggle" href="/about" role="button" data-bs-toggle="dropdown">
21+
About
22+
</a>
23+
<ul class="dropdown-menu">
24+
25+
<li><a class="dropdown-item" href="/about">Who Are We</a></li>
26+
<li>
27+
<a class="dropdown-item" href="/team">Our Team</a>
28+
</li>
29+
<li>
30+
<a class="dropdown-item" href="/legal">Our Legal</a>
31+
</li>
32+
<li>
33+
<a class="dropdown-item" href="/partners">Our Partners</a>
34+
</li>
35+
</ul>
36+
</li>
37+
<!--Programmes -->
38+
<li class="nav-item dropdown">
39+
<a class="nav-link dropdown-toggle" href="/" role="button" data-bs-toggle="dropdown">
40+
Programmes
41+
</a>
42+
<ul class="dropdown-menu">
43+
<li>
44+
<a class="dropdown-item" href="/programs/0">Emergency Medical Support</a>
45+
</li>
46+
<li>
47+
<a class="dropdown-item" href="/programs/1">Grace Food Bank</a>
48+
</li>
49+
<li>
50+
<a class="dropdown-item" href="#">Mission Education Program</a>
51+
</li>
52+
<li class="nav-item dropdown">
53+
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
54+
Public Health And Nutrition
55+
</a>
56+
<ul class="dropdown-menu">
57+
<li>
58+
<a class="dropdown-item" href="/programs/2">Mission Smile Program</a>
59+
</li>
60+
<li>
61+
<a class="dropdown-item" href="/programs/3">Disability Elimination Program</a>
62+
</li>
63+
<li>
64+
<a class="dropdown-item" href="/programs/6">Maternal And Child Health</a>
65+
</li>
66+
<li>
67+
<a class="dropdown-item" href="#">Malnutrition Eradication Program</a>
68+
</li>
69+
<li>
70+
<a class="dropdown-item" href="#">Mobile Medical Van</a>
71+
</li>
72+
<li>
73+
<a class="dropdown-item" href="#">Tuberculosis Elimination Program</a>
74+
</li>
75+
<li></li>
76+
<li>
77+
<a class="dropdown-item" href="#">Anemia Elimination Program</a>
78+
</li>
79+
</ul>
80+
</li>
81+
<li>
82+
<a class="dropdown-item" href="/programs/4">
83+
Home For Homeless Program</a>
84+
</li>
85+
<li>
86+
<a class="dropdown-item" href="/programs/7">
87+
Women & Youth Empowerment Program</a>
88+
</li>
89+
<li>
90+
<a class="dropdown-item" href="/programs/8"> Animal Welfare Program</a>
91+
</li>
92+
</ul>
93+
</li>
94+
95+
<!-- donation -->
96+
<li class="nav-item">
97+
<a class="nav-link" href="#">Monthly Donation</a>
98+
</li>
99+
100+
<!-- get involve -->
101+
102+
<li class="nav-item dropdown">
103+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
104+
Get Involved
105+
</a>
106+
<ul class="dropdown-menu">
107+
<li>
108+
<a class="dropdown-item" href="/volunteerism">Volunteerism</a>
109+
</li>
110+
<li>
111+
<a class="dropdown-item" href="/carrier">Careers</a>
112+
</li>
113+
<li>
114+
<a class="dropdown-item" href="/">Partnership</a>
115+
</li>
62116
</ul>
63-
</nav>
64-
</div>
65-
</div>
66-
</div>
67-
</div>
68-
</div>
117+
</li>
118+
119+
<!-- media-->
120+
<li class="nav-item dropdown">
121+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
122+
Media
123+
</a>
124+
<ul class="dropdown-menu">
125+
<li>
126+
<a class="dropdown-item" href="/blog">Blog</a>
127+
</li>
128+
<li>
129+
<a class="dropdown-item" href="/gallery">Photo/Video</a>
130+
</li>
131+
</ul>
132+
</li>
133+
134+
<!-- Donate Us -->
135+
<li class="nav-item">
136+
<button href="/donate" class="btn btn-donate" type="submit">Donate Us</button>
137+
</li>
138+
139+
<!-- contact us -->
140+
<li class="nav-item">
141+
<a class="nav-link" href="/contact">Contact Us</a>
142+
</li>
143+
</ul>
69144
</div>
70-
</header>
145+
</div>
146+
</nav>
147+
71148
<hr style="height: 2px; background: #e83e8c;" class="w-100">
72149
`;
73150

151+
152+
74153
document.body.appendChild(template.content);

‎views/partials/header.ejs

+6-19
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,10 @@
55
<link rel="icon" href="assets/images/logo.png" />
66
<title>Real Happiness Of Life Foundation</title>
77
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
8-
9-
<!-- Template Stylesheet -->
108
<link href="donatecss/style.css" rel="stylesheet" />
119

1210
<!-- Tailwind CSS -->
13-
<script src="https://cdn.tailwindcss.com"></script>
11+
<!-- This script tag seems to be incorrect. Replace it with the proper URL for Tailwind CSS -->
1412
<link href="https://cdn.tailwindcss.com/your-tailwind-css-version.min.css" rel="stylesheet">
1513

1614
<!-- jQuery library -->
@@ -29,29 +27,18 @@
2927
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js" integrity="sha512-KvlmAB+wx0zLQRe7hCFzBwyaU/AvbwPoJgxfBZ6g+ZF9MBMY4YAo3+BycXH2Rc+fDPbZ0fJsi3AfOTmQYZEn9A==" crossorigin="anonymous" referrerpoli22cy="no-referrer"></script>
3028

3129
<!-- Bootstrap CDN -->
32-
<link
33-
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
34-
rel="stylesheet"
30+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
3531
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM"
36-
crossorigin="anonymous"
37-
/>
38-
<script
39-
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
32+
crossorigin="anonymous" />
33+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
4034
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
41-
crossorigin="anonymous"
42-
></script>
35+
crossorigin="anonymous"></script>
4336

4437
<!-- Custom CSS -->
45-
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
4638
<link rel="stylesheet" href="assets/css/all.min.css" />
4739
<link type="text/css" rel="stylesheet" href="assets/css/style.css" />
4840
<link rel="stylesheet" href="assets/css/navbar.css" />
49-
<script
50-
src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"
51-
integrity="sha512-KvlmAB+wx0zLQRe7hCFzBwyaU/AvbwPoJgxfBZ6g+ZF9MBMY4YAo3+BycXH2Rc+fDPbZ0fJsi3AfOTmQYZEn9A=="
52-
crossorigin="anonymous"
53-
referrerpolicy="no-referrer"
54-
></script>
41+
5542
</head>
5643

5744
<!-- Navbar -->

0 commit comments

Comments
 (0)