Skip to content

Commit 1c763bb

Browse files
Theheavenlyprogrammer333Theheavenlyprogrammer333
authored
Update index.html
1 parent d486aae commit 1c763bb

File tree

1 file changed

+296
-1
lines changed

1 file changed

+296
-1
lines changed

‎index.html‎

Lines changed: 296 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,296 @@
1-
Hello World
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="preconnect" href="https://fonts.googleapis.com">
7+
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Butcherman&family=Bytesized&family=Caveat:[email protected]&family=Irish+Grover&family=Lobster&family=Monoton&family=Rakkas&family=Shadows+Into+Light&family=Ysabeau+SC:[email protected]&display=swap" rel="stylesheet">
10+
11+
<link rel="preconnect" href="https://fonts.googleapis.com">
12+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13+
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Butcherman&family=Bytesized&family=Caveat:[email protected]&family=Glegoo:wght@400;700&family=Irish+Grover&family=Lobster&family=Monoton&family=Rakkas&family=Shadows+Into+Light&family=Ysabeau+SC:[email protected]&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
14+
15+
<link
16+
rel="stylesheet"
17+
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
18+
/>
19+
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
20+
21+
<link rel="stylesheet" href="/css/bootstrap.min.css">
22+
<link rel="stylesheet" href="style.css">
23+
<link rel="stylesheet" href="why.css">
24+
<link rel="stylesheet" href="animation.css">
25+
<link rel="stylesheet" href="imgdeco.css">
26+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
27+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
28+
<script src="/js/bootstrap.min.js"></script>
29+
<title>Taming Physics</title>
30+
</head>
31+
<body>
32+
<!-- Navbar -->
33+
<nav class="navbar navbar-expand-lg navbar-light bg-dark">
34+
<a class="navbar-brand text-success" href="#">Taming Physics</a>
35+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
36+
<span class="navbar-toggler-icon"></span>
37+
</button>
38+
<div class="collapse navbar-collapse" id="navbarNav">
39+
<ul class="navbar-nav">
40+
<li class="nav-item active">
41+
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/">Home <span class="sr-only">(current)</span></a>
42+
</li>
43+
<li class="nav-item">
44+
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/contacts">Contact</a>
45+
</li>
46+
<li class="nav-item">
47+
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/learn">Learn</a>
48+
</li>
49+
<li class="nav-item">
50+
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/syllabus">syllabus</a>
51+
</li>
52+
</ul>
53+
</div>
54+
</nav>
55+
<!-- Navbar End -->
56+
57+
<!-- Main Content -->
58+
<section id="start">
59+
<p id="p1">Best tuition to learn physics!</p>
60+
<div>
61+
<p id="p2">Taming Physics: "It's in the name—tame physics!"
62+
</div>
63+
<section class="semicircle">
64+
<!-- Blackboard Section -->
65+
<div id="blackboard">
66+
<p style="font-family: cursive;" id="p3">&star; This is the best website to learn physics ~ probably you after studying here very seriously.</p>
67+
<p style="font-family: cursive;" id="p4">&star; These videos should be used by all teachers to study ~ probably your teacher after you reveal the secret behind your top rank!</p>
68+
<p style="font-family: cursive;" id="p5">&star; The sloth is the fastest now! ~ probably your friends after seeing you learn concepts way more easily than before.</p>
69+
<p class="emoj">&#128526;&#128526;&#128526;</p>
70+
</div>
71+
<!-- Blackboard Section End -->
72+
</br>
73+
74+
75+
<b style="font-size: xx-large;">many subjects to learn ! </b>
76+
<br><br>
77+
<div class="swiper">
78+
<!-- Additional required wrapper -->
79+
<div class="swiper-wrapper">
80+
<!-- Slides -->
81+
<div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1636466497217-26a8cbeaf0aa?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8cGh5c2ljc3xlbnwwfHwwfHx8MA%3D%3D'); ">Physics</div>
82+
83+
<div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1509228468518-180dd4864904?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8bWF0aHN8ZW58MHx8MHx8fDA%3D'); ">Maths</div>
84+
85+
<div class="swiper-slide" style="background-image: url('https://plus.unsplash.com/premium_photo-1661603887154-cb5f58a51768?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjF8fGNoZW1pc3RyeXxlbnwwfHwwfHx8MA%3D%3D'); ">Chemistry</div>
86+
87+
</div>
88+
<!-- If we need pagination -->
89+
<div class="swiper-pagination"></div>
90+
91+
<!-- If we need navigation buttons -->
92+
<div class="swiper-button-prev"></div>
93+
<div class="swiper-button-next"></div>
94+
95+
<!-- If we need scrollbar -->
96+
<div class="swiper-scrollbar"></div>
97+
</div>
98+
<br><br>
99+
<script>
100+
const swiper = new Swiper('.swiper', {
101+
// Optional parameters
102+
loop:true,
103+
104+
// If we need pagination
105+
pagination: {
106+
el: '.swiper-pagination',
107+
},
108+
109+
// Navigation arrows
110+
navigation: {
111+
nextEl: '.swiper-button-next',
112+
prevEl: '.swiper-button-prev',
113+
},
114+
115+
// And if we need scrollbar
116+
scrollbar: {
117+
el: '.swiper-scrollbar',
118+
},
119+
});
120+
</script>
121+
122+
</section>
123+
124+
<section id="profile">
125+
<div ><img style="border-radius: 50%; width: 260px; height: 260px;" src="https://img.freepik.com/free-photo/waist-up-portrait-handsome-serious-unshaven-male-keeps-hands-together-dressed-dark-blue-shirt-has-talk-with-interlocutor-stands-against-white-wall-self-confident-man-freelancer_273609-16320.jpg?semt=ais_hybrid&w=740" alt="" srcset=""></div>
126+
<div id="profilecomponents" style="color:azure; font-family: Glegoo; "><p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Alias enim laborum recusandae accusantium adipisci, inventore corporis debitis nostrum dolores, nobis perspiciatis fugiat repellat dicta, numquam sunt? Earum magnam reprehenderit et.lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium, delectus! Aperiam in architecto repudiandae consequuntur nemo, repellendus perferendis facilis, minima quas nobis ad laudantium ipsam! Dignissimos veritatis quis illum eum? corporis debitis nostrum dolores, nobis perspiciatis fugiat repellat dicta, numquam sunt? Earum magnam reprehenderit et.lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium, delectus! Aperiam in architecto repudiandae consequuntur nemo, repellendus perferendis facilis, minima quas nobis ad laudantium ipsam! Dignissimos </p></div>
127+
128+
</section>
129+
130+
<br></br><br></br><br></br>
131+
<!-----why choose ! begin-->
132+
<section id="why">
133+
<div style= " height: 30px ;"> <h1 class="offer">Our offerings</h1></div>
134+
<!--the writing pen paper animation -->
135+
<div class="tickanimation"><creattie-embed
136+
src="https://d1jj76g3lut4fe.cloudfront.net/saved_colors/118067/jcfNOUUIVPRqkbRP.json"
137+
delay="1"
138+
speed="100"
139+
frame_rate="24"
140+
stroke_width="10"
141+
trigger="loop"
142+
style="width:150px;background-color: white">
143+
</creattie-embed>
144+
<!--the writing pen paper animation end!-->
145+
<script src="https://creattie.com/js/embed.js?id=3f6954fde297cd31b441" defer></script></div>
146+
<div class="w1 " ><b>One-on-One Attention in Home Tuition:</b> We offer personalized one-on-one attention to students, both at our coaching center and through home tuition, ensuring that individual learning needs are addressed effectively.</div>
147+
<div class="w2"><b>IIT-JEE Preparation:</b> Our meticulously designed course prepares students for the rigors of the IIT-JEE examination, covering all essential topics and fostering problem-solving skills crucial for success.</div>
148+
<div class="w3"><b>Career Counseling:</b> Get help with expert career counseling to guide students towards colleges aligned with their aspirations.</div>
149+
<div class="w4"><b>Class 11th and 12th Physics:</b> Strengthen your foundation in Physics for your school curriculum with our comprehensive courses tailored to meet the specific requirements of Class 11th and 12th students.</div>
150+
<div class=" w5"><b>NEET Preparation: </b>Ace the NEET exam with confidence through our specialized curriculum, focusing on in-depth understanding and application of Physics concepts vital for medical entrance exams.</div>
151+
</section>
152+
<br></br><br></br><br></br>
153+
154+
<!---what are the things given-->
155+
156+
<section id="ourrole">
157+
<div><button><b style="font-size: xx-large;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; our role</b></button></div>
158+
<br>
159+
<div><button style="height: 200px;" id="role1" class="shrinkbutton"><b>The Role of a Skilled Teacher in IIT JEE Preparation</b><p>In the highly competitive landscape of IIT JEE preparation, a skilled teacher plays a pivotal role in shaping the future of aspiring engineers. The journey to crack one of India's toughest entrance exams demands not only hard work and dedication from students but also exceptional guidance and mentorship from educators. A skilled IIT JEE teacher is more than just an instructor – they are a catalyst for success, inspiring students to reach their full potential and guiding them through every step of the preparation process.</p></button></div>
160+
<br>
161+
<div><button style="height: 200px;" id="role2" class="shrinkbutton"><b>Deep Subject Expertise</b><p>One of the key attributes of a skilled IIT JEE teacher is a deep understanding of the core subjects – Physics, Chemistry, and Mathematics. The vastness and complexity of the IIT JEE syllabus require teachers to be subject matter experts who can break down intricate topics into simpler, digestible lessons. They are able to simplify complex concepts, making them accessible and engaging for students at various learning levels. A skilled teacher knows how to draw connections between different topics, helping students build a strong conceptual foundation that is essential for solving high-level problems.</p></button></div>
162+
<br>
163+
<div><button style="height: 200px;" id="role3" class="shrinkbutton"><b>Strategic Teaching Methodology</b><p>A good teacher doesn’t just focus on delivering lectures; they employ a strategic and structured approach to teaching. Skilled IIT JEE educators understand the importance of time management, pacing, and the need to tailor lessons to suit the pace of each student. They create a roadmap for students, helping them prioritize topics, organize study schedules, and identify areas that need more focus. By strategically planning the curriculum and practice exercises, they ensure that students are always on track to meet their preparation goals.</p></button></div>
164+
<br>
165+
<div><button style="height: 200px;" id="role4" class="shrinkbutton"><b>Personalized Attention and Mentorship</b><p>Every student has unique strengths, weaknesses, and learning styles. Skilled teachers recognize this and provide personalized attention to ensure that each student receives the support they need. They identify individual learning gaps and take extra efforts to address them, whether through one-on-one mentoring, customized practice sessions, or additional resources. Their role goes beyond simply teaching – they are mentors who motivate, encourage, and build a student’s confidence to tackle challenging problems.</p></button></div>
166+
<br>
167+
<div><button style="height: 200px;" id="role5" class="shrinkbutton"><b>Use of Innovative Teaching Tools</b><p>In today’s digital age, a skilled IIT JEE teacher stays ahead of the curve by integrating modern teaching tools and technology into their lessons. Interactive whiteboards, virtual simulations, and online resources enhance the learning experience, making difficult concepts more engaging and relatable. These tools help teachers deliver more dynamic lessons, track student progress, and offer instant feedback, ensuring that students remain engaged and motivated throughout the course.</p></button></div>
168+
<br>
169+
<div><button style="height: 200px;" id="role6" class="shrinkbutton"><b>Problem-Solving Expertise</b><p>The IIT JEE exam is known for its challenging problem-solving sections that require both analytical and critical thinking. Skilled teachers excel at training students to approach problems methodically, teaching them how to break down questions into manageable parts and identify the most efficient solutions. They provide students with a wealth of practice problems, allowing them to refine their problem-solving skills and become adept at handling even the toughest questions with ease.</p></button></div>
170+
<br>
171+
<div><button style="height: 200px;" id="role7" class="shrinkbutton"><b>Continual Learning and Adaptation</b><p>To be truly effective, a skilled IIT JEE teacher must remain committed to continual learning. The educational landscape is constantly evolving, with changes in exam patterns, new advancements in teaching methodologies, and updated study materials. A great teacher adapts to these changes, regularly updating their knowledge and teaching techniques to ensure that their students receive the best possible education. This adaptability allows them to keep students ahead of the curve and fully prepared for the evolving challenges of the IIT JEE exam.</p></button></div>
172+
</section>
173+
<br><br>
174+
<!------------------------------the why choose taming physics decorated in style.css ------------------------------------------------>
175+
176+
<div class="swiper">
177+
<!-- Additional required wrapper -->
178+
<div class="swiper-wrapper">
179+
<!-- Slides -->
180+
<div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1600476101136-6b45c262e3fa?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8b2xkJTIwYnVpbGRpbmd8ZW58MHx8MHx8fDA%3D'); background-size:cover; ">Physics</div>
181+
182+
<div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1566054213406-be080412f4fb?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjJ8fG9sZCUyMGJ1aWxkaW5nfGVufDB8fDB8fHww'); background-repeat: no-repeat; ">Maths</div>
183+
184+
<div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1609342263596-645f6b0e9f00?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); ">Chemistry</div>
185+
186+
</div>
187+
</div>
188+
<!-- If we need pagination -->
189+
<div class="swiper-pagination"></div>
190+
191+
<!-- If we need navigation buttons -->
192+
<div class="swiper-button-prev"></div>
193+
<div class="swiper-button-next"></div>
194+
195+
<!-- If we need scrollbar -->
196+
<div class="swiper-scrollbar"></div>
197+
</div>
198+
<br><br>
199+
<script>
200+
new Swiper('.swiper', {
201+
// Optional parameters
202+
loop:true,
203+
204+
// If we need pagination
205+
pagination: {
206+
el: '.swiper-pagination',
207+
},
208+
209+
// Navigation arrows
210+
navigation: {
211+
nextEl: '.swiper-button-next',
212+
prevEl: '.swiper-button-prev',
213+
},
214+
215+
// And if we need scrollbar
216+
scrollbar: {
217+
el: '.swiper-scrollbar',
218+
},
219+
});
220+
</script>
221+
222+
223+
<br>
224+
<!-----Why chooose taming physcis !-->
225+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div id="choosetamingphysics" ><button id="expheadbutton"><p style="font-size: xx-large;">Why choose Taming Physics</p></button>
226+
<br>
227+
<section id="exp">
228+
<div><button id="faculty" class="faculty"><p><span style="font-size: xx-large;">Experienced Faculty</span> <br>
229+
Led by an esteemed faculty with over 25 years of experience, an ex-teacher of Aakash, Janakpuri New Delhi, brings 23 years of teaching experience from esteemed institutions like Narayana, Sri Chaitanya, Brilliant Tutorial, and Fiitjee in Kalusaray New Delhi. He shares his expertise on the YouTube channel “TamingPhysics” and currently leads a physics coaching center at Gaur City Centre, Chaar Murti.</p></button></div>
230+
</section>
231+
<br>
232+
<section id="">
233+
<div><button class="problemSolving"><span style="font-size: xx-large;" >Problem-Solving Expertise</span><br>The IIT JEE exam is known for its challenging problem-solving sections that require both analytical and critical thinking. Skilled teachers excel at training students to approach problems methodically, teaching them how to break down questions into manageable parts and identify the most efficient solutions. They provide students with a wealth of practice problems, allowing them to refine their problem-solving skills and become adept at handling even the toughest questions with ease. </button></div>
234+
</section>
235+
<br>
236+
<section>
237+
<div><button class="PersonalizedAttention"><span style="font-size: xx-large;">Personalized Attention and Mentorship</span><br>Every student has unique strengths, weaknesses, and learning styles. Skilled teachers recognize this and provide personalized attention to ensure that each student receives the support they need. They identify individual learning gaps and take extra efforts to address them, whether through one-on-one mentoring, customized practice sessions, or additional resources. Their role goes beyond simply teaching – they are mentors who motivate, encourage, and build a student’s confidence to tackle challenging problems.</button></div>
238+
</section>
239+
</div>
240+
<!-----Why chooose taming physcis end!-->
241+
<br><br>
242+
<!-- Buttons Section -->
243+
<section id="sec">
244+
<p>
245+
<button class="social-button youtube">
246+
<a id="a2" href="https://www.youtube.com/@tamingphysics">
247+
This is the link to the YouTube channel of Taming Physics<br>
248+
The channel has many videos and playlists for your studying.
249+
</a>
250+
</button>
251+
</p>
252+
<p>
253+
<button class="social-button facebook">
254+
<a id="af" href="https://www.facebook.com/tamingphysics/">
255+
This is the Facebook link to the Taming Physics channel<br>
256+
You can communicate with the tutor through Facebook.
257+
</a>
258+
</button>
259+
</p>
260+
261+
</section>
262+
<br></br><br></br>
263+
<!-- Buttons Section End -->
264+
<section id="sec2">
265+
<p style="color: whitesmoke;font-family: monospace;">start your path to the top now!</p>
266+
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/contacts">Contact</a>
267+
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/learn">Learn</a>
268+
269+
<div id="missile">
270+
<creattie-embed
271+
src="https://d1jj76g3lut4fe.cloudfront.net/saved_colors/118067/j2l8UCntms2pHtFV.json"
272+
delay="1"
273+
speed="100"
274+
frame_rate="24"
275+
stroke_width="15"
276+
trigger="loop"
277+
style="width:150px;background-color: black">
278+
</creattie-embed>
279+
<script src="https://creattie.com/js/embed.js?id=3f6954fde297cd31b441" defer></script></div>
280+
281+
<div id="lightbulb"><creattie-embed
282+
src="https://d1jj76g3lut4fe.cloudfront.net/saved_colors/118067/STc0V9si8Uegfuk6.json"
283+
delay="1"
284+
speed="100"
285+
frame_rate="24"
286+
stroke_width="14"
287+
trigger="loop"
288+
style="width:150px;background-color: ">
289+
</creattie-embed>
290+
<script src="https://creattie.com/js/embed.js?id=3f6954fde297cd31b441" defer></script></div>
291+
292+
293+
<script src="tame.js"></script>
294+
</body>
295+
</html>
296+

0 commit comments

Comments
 (0)