-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
179 lines (161 loc) · 12 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with=device-width", initial-scale="1.0">
<title>Nepal Adarsha</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
</head>
<body>
<section class="header">
<nav>
<a href="index.html"><img src="images/logo.png" alt=""></a>
<div class="nav-links" id="navLinks">
<i class="fa-solid fa-xmark" onclick="hideMenu()"></i>
<ul>
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="course.html">COURSE</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</div>
<i class="fa-solid fa-bars" onclick="showMenu()"></i>
</nav>
<div class="text-box">
<h1><span class="font-color-change"></span><span class="change_content"></span></h1>
<p>Our mission is to provide an exceptional education that empowers our students to achieve their full potential <br>and make a positive impact in the world.</p>
<a href="" class="main-btn">Visit Us To know More</a>
</div>
</section>
<!---------------- Course ---------------->
<section class="course">
<h1>Courses We Offer</h1>
<p>Choose your path to success with our wide range of courses at Nepal Adarsha School/Campus.</p>
<div class="row">
<div class="course-col">
<h3>Intermediate</h3>
<p>At our school, we believe that education is a lifelong pursuit. That's why we offer programs for students at all levels, from primary school all the way through to bachelor's degrees. Our intermediate section is designed to meet the needs of students who are transitioning from primary to secondary school, or from secondary to higher education. With a wide range of programs and courses to choose from, students can explore their interests and build the foundational knowledge they need to succeed in their future studies and careers. Our experienced faculty members and supportive staff are dedicated to providing a high-quality education that prepares students for the challenges and opportunities of the modern world.</p>
</div>
<div class="course-col">
<h3>Degree</h3>
<p>At our school, we offer a range of degree programs designed to help students achieve their academic and career goals. Our programs start with primary and secondary education, providing a solid foundation in subjects such as mathematics, science, and English. As students progress to our undergraduate programs, they can choose from a wide range of majors, including business, engineering, healthcare, and the arts. Our faculty members are experts in their fields, and are dedicated to providing a supportive and engaging learning environment. Whether you're just starting out or looking to advance your career, our school has the programs and resources you need to succeed.</p>
</div>
<div class="course-col">
<h3>Post Graduation</h3>
<p>At our school, our post-graduation programs are designed to help students take their careers to the next level. Whether you're interested in pursuing a master's degree in business, education, or engineering, we offer a wide range of programs to suit your needs. Our faculty members are experts in their fields and are committed to helping you achieve your academic and professional goals. In addition to traditional classroom learning, we offer a variety of experiential learning opportunities, including internships, research projects, and community service projects. These experiences will help you gain valuable skills and knowledge, while also building your professional network. With a post-graduation degree from XYZ College, you'll be prepared to tackle the challenges of the modern workplace and achieve your highest potential.</p>
</div>
</div>
</section>
<!--------------campus-------------------->
<section class="campus">
<h1>Our Global Campus</h1>
<p>Education For Excellence.</p>
<div class="row">
<div class="campus-col">
<img src="images/main-building.jpg" class="images-for-divisions">
<div class="layer">
<h3>Main Building</h3>
</div>
</div>
<div class="campus-col">
<img src="images/second-building.jpg" class="images-for-divisions">
<div class="layer">
<h3>2nd Building</h3>
</div>
</div>
<div class="campus-col">
<img src="images/third-building.jpg" class="images-for-divisions">
<div class="layer">
<h3>3rd Building</h3>
</div>
</div>
</div>
</section>
<!---------------Facilities---------------->
<section class="facilities">
<h1>Our Facilities</h1>
<p>A campus designed for your success.</p>
<div class="row">
<div class="facilities-col">
<img src="images/library.jpeg" class="images-for-divisions">
<h3>Library</h3>
<p>Our college library may be small, but it is a great resource for students. Despite its size, it has a diverse collection of books, journals, and other resources that are relevant to our courses. Additionally, our librarians are knowledgeable and always available to help students with their research needs. While we may not have the largest library, we believe that the quality of our resources and the expertise of our staff make up for it.</p>
</div>
<div class="facilities-col">
<img src="images/ground.jpg" class="images-for-divisions">
<h3>Largest Play Ground</h3>
<p>At our college, we understand the importance of staying active and healthy, which is why we take pride in having one of the largest and most well-equipped playgrounds in the area. With ample space for sports and recreational activities, our playground provides students with the opportunity to exercise and have fun, all while enjoying the beautiful natural surroundings of our campus</p>
</div>
<div class="facilities-col">
<img src="images/canteen.jpg" class="images-for-divisions">
<h3>Canteen</h3>
<p>Our college canteen is the perfect place to grab a quick bite between classes or to relax and catch up with friends over a meal.With a variety of delicious food options, our canteen offers something for everyone's taste buds. From fresh sandwiches to hot meals, our canteen serves up tasty and nutritious food to keep you fueled throughout the day.Our canteen staff are friendly and always ready to serve you with a smile.Whether you need a caffeine boost or a refreshing drink, our canteen also offers a range of beverages to choose from.</p>
</div>
</div>
</section>
<!---------------testimonials------------->
<section class="testimonials">
<h1>What Our Students Says</h1>
<p>Hear from our students themselves! We've gathered some reviews and testimonials from our past and current students to give you a glimpse into life at our college.</p>
<div class="row">
<div class="testimonial-col">
<img src="images/user1.jpg">
<div>
<p>Attending this college has been a great experience for me. The professors are knowledgeable and approachable, and the campus is beautiful and well-maintained. The resources provided by the college, such as the library and career center, have been extremely helpful in my academic and professional pursuits.
However, there are some drawbacks to attending this college. The tuition fees are quite high, which can be a barrier for some students who may not have the financial means to attend. Additionally, some of the administrative processes, such as registering for classes or resolving financial aid issues, can be confusing and time-consuming.</p>
<h3>Nishan Parajuli</h3>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-regular fa-star"></i>
</div>
</div>
<div class="testimonial-col">
<img src="images/user2.jpg">
<div>
<p>I recently graduated from this college and I can confidently say it was the best decision I ever made. The faculty is top-notch, and they really care about their students. The classes were engaging and the professors challenged us to think critically and creatively. I also appreciated the diverse student body and the many extracurricular activities available. Overall, I felt well-prepared for my career and I would highly recommend this college to anyone looking for a quality education.</p>
<h3>Sandesh Shrestha</h3>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-regular fa-star-half-stroke"></i>
</div>
</div>
</div>
</section>
<!----------------Call To Action----------------->
<section class="cta">
<h1><span class="change-font-color"></span><span class="word-replace"></span></h1>
<a href="https://ingrails.com/school/admission/form/nepal-adarsha-wailing" class="main-btn">JOIN US</a>
</section>
<!----------------Footer----------------->
<section class="footer">
<h4>About Us</h4>
<p>Our institution is driven by a passion for academic excellence and a commitment to providing our students with the knowledge, skills,<br> and experience they need to succeed in their chosen fields. </p>
<div class="icons">
<a href="https://www.facebook.com/nepalaadarshawaling/" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-linkedin"></i>
</div>
<p>Made with <i class="fa-solid fa-heart"></i> by Class 12 Science</p>
</section>
<!-------JavaScript for Toggle Menu------->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right = "-200px";
}
</script>
</body>
</html>