Skip to content

Commit e84300e

Browse files
Theheavenlyprogrammer333Theheavenlyprogrammer333
authored
Update homee.html
1 parent 03a9816 commit e84300e

File tree

1 file changed

+55
-68
lines changed

1 file changed

+55
-68
lines changed

‎homee.html‎

Lines changed: 55 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -23,37 +23,36 @@
2323
<link rel="stylesheet" href="why.css">
2424
<link rel="stylesheet" href="animation.css">
2525
<link rel="stylesheet" href="imgdeco.css">
26+
<link rel="stylesheet" href="h.css">
2627
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
2728
<link href="https://cdn.jsdelivr.net/npm/[email protected]/bootstrap.min.css" rel="stylesheet">
28-
<script src="https://cdn.jsdelivr.net/npm/[email protected]/bootstrap.bundle.min.js"></script>
29-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
30-
<script src="/js/bootstrap.min.js"></script>
29+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
3130
<title>Taming Physics</title>
3231
</head>
3332
<body>
3433
<!-- Navbar -->
35-
<nav class="navbar navbar-expand-lg navbar-light bg-dark">
36-
<a class="navbar-brand text-success" href="#">Taming Physics</a>
37-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
38-
<span class="navbar-toggler-icon"></span>
39-
</button>
40-
<div class="collapse navbar-collapse" id="navbarNav">
41-
<ul class="navbar-nav">
42-
<li class="nav-item active">
43-
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/">Home <span class="sr-only">(current)</span></a>
44-
</li>
45-
<li class="nav-item">
46-
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/contacts.html">Contact</a>
47-
</li>
48-
<li class="nav-item">
49-
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/learn.html">Learn</a>
50-
</li>
51-
<li class="nav-item">
52-
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/syllabus.html">syllabus</a>
53-
</li>
54-
</ul>
55-
</div>
56-
</nav>
34+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
35+
<a class="navbar-brand" href="#">Navbar</a>
36+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
37+
<span class="navbar-toggler-icon"></span>
38+
</button>
39+
<div class="collapse navbar-collapse" id="navbarNav">
40+
<ul class="navbar-nav">
41+
<li class="nav-item active">
42+
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
43+
</li>
44+
<li class="nav-item">
45+
<a class="nav-link" href="contacts.html">contacts</a>
46+
</li>
47+
<li class="nav-item">
48+
<a class="nav-link" href="syllabus.html">syllabus</a>
49+
</li>
50+
<li class="nav-item">
51+
<a class="nav-link disabled" href="learn.html">learn</a>
52+
</li>
53+
</ul>
54+
</div>
55+
</nav>
5756
<!-- Navbar End -->
5857

5958
<!-- Main Content -->
@@ -76,52 +75,29 @@
7675

7776
<b style="font-size: xx-large;">many subjects to learn ! </b>
7877
<br><br>
79-
<div class="swiper">
80-
<!-- Additional required wrapper -->
81-
<div class="swiper-wrapper">
82-
<!-- Slides -->
83-
<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>
84-
85-
<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>
86-
87-
<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>
88-
78+
79+
<div class="swiper mySwiper">
80+
<div class="swiper-wrapper">
81+
<div class="swiper-slide" style="background-size: cover;"><img src="https://images.unsplash.com/photo-1675783052137-86e68b3f340d?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwcm9maWxlLXBhZ2V8Nnx8fGVufDB8fHx8fA%3D%3D" alt=""></div>
82+
<div class="swiper-slide" style="background-size: cover;"><img src="https://images.unsplash.com/photo-1598015132635-131afe3ba07f?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwcm9maWxlLXBhZ2V8MXx8fGVufDB8fHx8fA%3D%3D" alt=""></div>
83+
<div class="swiper-slide" style="background-size: cover;"><img src="https://images.unsplash.com/photo-1748019156345-64162e5b877e?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwxN3x8fGVufDB8fHx8fA%3D%3D" alt=""></div>
84+
85+
</div>
86+
<div class="swiper-pagination"></div>
8987
</div>
90-
<!-- If we need pagination -->
91-
<div class="swiper-pagination"></div>
88+
<br>
9289

93-
<!-- If we need navigation buttons -->
94-
<div class="swiper-button-prev"></div>
95-
<div class="swiper-button-next"></div>
90+
<!-- Swiper JS -->
91+
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
9692

97-
<!-- If we need scrollbar -->
98-
<div class="swiper-scrollbar"></div>
99-
</div>
100-
<br><br>
101-
<script>
102-
const swiper = new Swiper('.swiper', {
103-
// Optional parameters
104-
loop:true,
105-
106-
// If we need pagination
107-
pagination: {
108-
el: '.swiper-pagination',
109-
},
110-
111-
// Navigation arrows
112-
navigation: {
113-
nextEl: '.swiper-button-next',
114-
prevEl: '.swiper-button-prev',
115-
},
116-
117-
// And if we need scrollbar
118-
scrollbar: {
119-
el: '.swiper-scrollbar',
120-
},
121-
});
122-
</script>
123-
124-
</section>
93+
<!-- Initialize Swiper -->
94+
<script>
95+
var swiper = new Swiper(".mySwiper", {
96+
pagination: {
97+
el: ".swiper-pagination",
98+
},
99+
});
100+
</script>
125101

126102
<section id="profile">
127103
<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>
@@ -293,6 +269,17 @@
293269

294270

295271
<script src="tame.js"></script>
272+
273+
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
274+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
275+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
276+
277+
278+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/bootstrap.bundle.min.js"></script>
279+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
280+
<script src="/js/bootstrap.min.js"></script>
296281
</body>
297282
</html>
298283

284+
285+

0 commit comments

Comments
 (0)