Skip to content

Commit 79ecc5f

Browse files
Theheavenlyprogrammer333Theheavenlyprogrammer333
authored
Update index.html
1 parent b43c56e commit 79ecc5f

File tree

1 file changed

+56
-67
lines changed

1 file changed

+56
-67
lines changed

‎index.html‎

Lines changed: 56 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -23,35 +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">
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>
28+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/bootstrap.min.css" rel="stylesheet">
29+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
2930
<title>Taming Physics</title>
3031
</head>
3132
<body>
3233
<!-- 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.html">Contact</a>
45-
</li>
46-
<li class="nav-item">
47-
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/learn.html">Learn</a>
48-
</li>
49-
<li class="nav-item">
50-
<a class="nav-link text-aquamarine" style="color: aquamarine;" href="/syllabus.html">syllabus</a>
51-
</li>
52-
</ul>
53-
</div>
54-
</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>
5556
<!-- Navbar End -->
5657

5758
<!-- Main Content -->
@@ -74,52 +75,29 @@
7475

7576
<b style="font-size: xx-large;">many subjects to learn ! </b>
7677
<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-
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>
8787
</div>
88-
<!-- If we need pagination -->
89-
<div class="swiper-pagination"></div>
88+
<br>
9089

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

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>
93+
<!-- Initialize Swiper -->
94+
<script>
95+
var swiper = new Swiper(".mySwiper", {
96+
pagination: {
97+
el: ".swiper-pagination",
98+
},
99+
});
100+
</script>
123101

124102
<section id="profile">
125103
<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>
@@ -291,6 +269,17 @@
291269

292270

293271
<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>
294281
</body>
295282
</html>
296283

284+
285+

0 commit comments

Comments
 (0)