-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (176 loc) · 11.7 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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<!-- Bootstrap navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">Portfolio</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li> -->
<!-- <li class="nav-item">
<a class="nav-link" href="#service">Service</a>
</li> -->
<!-- Add "Sign Up" and "Sign In" buttons here -->
<!-- <li class="nav-item">
<a class="nav-link" href="sign-up.html">Sign Up</a>
</li> -->
<!-- <li class="nav-item">
<a class="nav-link" href="sign-in.html">Sign In</a>
</li> -->
<!-- End of "Sign Up" and "Sign In" buttons -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Courses
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="https://youtu.be/7wnove7K-ZQ?list=PLu0W_9lII9agwh1XjRt242xIpHhPT2llg">Python Beginner Level Course</a></li>
<li><a class="dropdown-item" href="https://www.youtube.com/embed/j8nAHeVKL08?list=PLu0W_9lII9agpFUAlPFe_VNSlXW5uE0YL">C++ Beginner Level Course</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="https://www.youtube.com/embed/Rek0NWPCNOc?list=PLfqMhTWNBTe3H6c9OGXb5_6wcc1Mca52n">Web Development Course</a></li>
</ul>
</li>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!-- The rest of your content goes here -->
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
</div>
<div class="container">
<div class="jumbotron">
<h1 class="display-4">Hello, I'm Aditya Thakur That Was My Portfolio</h1>
<img src="https://th.bing.com/th/id/OIG.PWi.gBif.21sCBi0kqA4?w=173&h=173&c=6&pcl=1b1a19&r=0&o=5&dpr=1.3&pid=ImgGn" alt="profile picture">
<p class="lead">I'm From India, I'm School Student But Side By Side I'm Python Developer, Web developer, Xss-cross-site-script Finder and Attacker India, Capital-NCR-Delhi</p>
<hr class="my-4">
<p>Also, I'm a Website Creator. If You Need a Website, You Can Contact Me Anytime to Create a Business Website, Portfolio, etc.</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</p>
</div>
</div>
<div class="container">
<h1>Our Courses</h1>
<!-- PYthon -->
<div>
<h2>Our Python CourSe Overview</h2>
<dir>
<iframe width="875" height="492" src="https://www.youtube.com/embed/7wnove7K-ZQ?list=PLu0W_9lII9agwh1XjRt242xIpHhPT2llg" title="Introduction to Programming & Python | Python Tutorial - Day #1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</dir>
<h3>Introduction</h3>
<p>Introduction to Programming & | Python Tutorial - Day #1</p>
</div>
<!-- C++ -->
<div>
<h2>Our C++ CourSe Overview</h2>
<dir>
<iframe width="875" height="492" src="https://www.youtube.com/embed/j8nAHeVKL08?list=PLu0W_9lII9agpFUAlPFe_VNSlXW5uE0YL" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</dir>
<h3>Introduction</h3>
<p>Introduction to Programming & C++ | C++ Tutorial - Day #1</p>
</div>
<!-- Web Development -->
<div>
<h2>Our Web Development CourSe Overview</h2>
<dir>
<iframe width="875" height="492" src="https://www.youtube.com/embed/Rek0NWPCNOc?list=PLfqMhTWNBTe3H6c9OGXb5_6wcc1Mca52n" title="HTML Course | From Beginners to Advance Level | Lecture 1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</dir>
<h3>Introduction</h3>
<p>HTML Course | From Beginners to Advance Level | Lecture 1</p>
</div>
</div>
<!-- Service Section -->
<section class="container my-5">
<h2 class="text-center mb-4">Our Services</h2>
<div class="row">
<!-- Service Card 1 -->
<div class="col-md-4">
<div class="card mb-4">
<img src="https://th.bing.com/th/id/OIG.Tw5KBgluR5PmoVy2QwEz?w=173&h=173&c=6&pcl=1b1a19&r=0&o=5&dpr=1.3&pid=ImgGn" class="card-img-top" alt="Service 1 Image">
<div class="card-body">
<h5 class="card-title">Web Development Classes </h5>
<p class="card-text">Website development classes are educational programs that teach individuals the fundamental skills and knowledge needed to create and manage websites. These classes cover essential topics such as HTML, CSS, JavaScript, responsive design, and backend development, equipping students with the tools to build functional and visually appealing websites. With the growing importance of a strong online presence, website development classes are valuable for those seeking to enter the field of web development or enhance their existing skills.</p>
</div>
</div>
</div>
<!-- Service Card 2 -->
<div class="col-md-4">
<div class="card mb-4">
<img src="https://th.bing.com/th/id/OIG.BjyzZ2ptnefw8mkj4eFN?w=173&h=173&c=6&pcl=1b1a19&r=0&o=5&dpr=1.3&pid=ImgGn" class="card-img-top" alt="Service 2 Image">
<div class="card-body">
<h5 class="card-title">C++ Classes</h5>
<p class="card-text">C++ is a versatile and powerful programming language known for its flexibility and performance. It was developed as an extension of the C programming language and introduced object-oriented programming concepts, making it suitable for both low-level system programming and high-level application development. C++ features a rich standard library, which includes a wide range of functions and data types for various tasks. It is widely used in the development of software applications, games, embedded systems, and more. C++'s ability to combine procedural and object-oriented programming paradigms makes it a popular choice for developers seeking efficiency and control in their code.</p>
</div>
</div>
</div>
<!-- Service Card 3 -->
<div class="col-md-4">
<div class="card mb-4">
<img src="https://th.bing.com/th/id/OIG.XzcujTTCWpfza9rHgBUx?w=173&h=173&c=6&pcl=1b1a19&r=0&o=5&dpr=1.3&pid=ImgGn" class="card-img-top" alt="Service 3 Image">
<div class="card-body">
<h5 class="card-title">Python Classes</h5>
<p class="card-text">Python classes are blueprints for creating objects, defining their attributes (data), and methods (actions). They enable code organization and reusability, a core feature of Python's simplicity and power.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ... the rest of your HTML code ... -->
<!-- Service page code End -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!-- Footer Code start -->
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<title>Portfolio</title>
</head>
<body>
<!-- Your existing content goes here -->
<!-- Bootstrap footer -->
<footer class="bg-dark text-light py-3">
<div class="container">
<div class="row">
<div class="col-md-6">
<h5>Contact Information</h5>
<p>Email: [email protected]</p>
<p>Phone: +91 8851 323 404</p>
</div>
<div class="col-md-6">
<h5>Follow Us</h5>
<a href="https://twitter.com/codenilo18" class="text-light">Twitter</a><br>
<a href="https://www.linkedin.com/in/aditya-thakur-590ba1283/" class="text-light">LinkedIn</a>
<a href="https://Github.com/theadicoder" class="text-light">Github</a>
<a href="https://Linktr.ee/aadityathakur" class="text-light">LinkTree</a>
</div>
</div>
</div>
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Footer code End -->
<!-- Option 2: Separate Popper and Bootstrap JS -->
</body>
</html>