Skip to content

Commit b31e554

Browse files
SamiurRahmanMukulSamiurRahmanMukul
committed
javascript fundamental course code & images add
1 parent 78a6052 commit b31e554

21 files changed

+485
-0
lines changed

‎1-JavaScript-Fundamental/about.html

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>JavaScript Fundamental || About</title>
5+
<!-- Required meta tags -->
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
8+
<!-- Bootstrap CSS -->
9+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
10+
<!-- Calling FavIcon -->
11+
<link rel="shortcut icon" href="images/samiur_loved_logo.png" type="image/png" />
12+
<!-- Styling CSS -->
13+
<link rel="stylesheet" href="style.css" />
14+
</head>
15+
<body>
16+
<!-- JavaScript Fundamental Learning Start || About -->
17+
<div class="container-fluid">
18+
<div class="container mt-2">
19+
<a href="index.html">Back Home</a>
20+
<a href="about.html">About Me</a> <br />
21+
</div>
22+
</div>
23+
24+
<!-- Linking External JavaScript File -->
25+
<script src="index.js"></script>
26+
27+
<!-- Optional JavaScript -->
28+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
29+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
30+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
31+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
32+
</body>
33+
</html>

‎1-JavaScript-Fundamental/images/mukul_pic_cartoon_recovered.png

3.62 MB
Loading

‎1-JavaScript-Fundamental/images/samiur_loved_logo.png

205 KB
Loading

‎1-JavaScript-Fundamental/images/samiur_rahman_mukul_logo.png

84.8 KB
Loading

‎1-JavaScript-Fundamental/images/work1.jpg

25.8 KB
Loading

‎1-JavaScript-Fundamental/images/work2.jpg

19.9 KB
Loading

‎1-JavaScript-Fundamental/images/work3.jpg

19.3 KB
Loading

‎1-JavaScript-Fundamental/images/work4.jpg

17.5 KB
Loading

‎1-JavaScript-Fundamental/images/work5.jpg

20.7 KB
Loading

‎1-JavaScript-Fundamental/images/work6.jpg

17.4 KB
Loading

‎1-JavaScript-Fundamental/index.html

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
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+
<title>JavaScript Fundamental</title>
7+
<link rel="stylesheet" href="style.css" />
8+
<link rel="shortcut icon" href="images/samiur_rahman_mukul_logo.png" type="image/png" />
9+
</head>
10+
<body>
11+
<!-- JavaScript Fundamental Learning Start || Home -->
12+
<div class="container-fluid">
13+
<div class="container mt-2">
14+
<a href="index.html">Home</a>
15+
<a href="about.html">About Me</a> <br />
16+
<!-- <button onclick="alert('Hello World!')">Click Me</button> -->
17+
<!-- <button class="btn btn-primary">Click Here</button> -->
18+
19+
<!-- <form class="form">
20+
<label for="amount">Enter Amount:</label>
21+
<input type="number" id="amount">
22+
<input type="submit" value="Submit">
23+
</form> -->
24+
25+
<!-- Dom Element Selection -->
26+
<h2 id="title">Hello World!</h2>
27+
<h2>Hello People!</h2>
28+
29+
<ul>
30+
<li class="special">Apple</li>
31+
<li class="special">Banana</li>
32+
<li class="special">Mango</li>
33+
<li class="special">Orange</li>
34+
<li class="special">Jack Fruit</li>
35+
</ul>
36+
37+
<button class="btn" id="btn">Click Me</button>
38+
</div>
39+
</div>
40+
41+
<div class="random">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quod accusantium possimus, nam similique expedita tenetur nemo sit eveniet eos! Doloribus.</div>
42+
43+
<div class="listener">
44+
<h3>Lorem ipsum dolor sit amet.</h3>
45+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos quisquam itaque impedit minus labore quam vero, reprehenderit enim totam fuga.</p>
46+
47+
<button class="btn-1">Click Me</button>
48+
<button class="btn-2">Save Me</button>
49+
<button class="btn-3">Cancel Here</button>
50+
51+
<input type="text" name="" id="name" />
52+
</div>
53+
54+
<!-- Linking External JavaScript File -->
55+
<script src="index.js"></script>
56+
</body>
57+
</html>

0 commit comments

Comments
 (0)