-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
105 lines (99 loc) · 5 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DEV HUB Project</title>
<!-- icon -->
<link rel="shortcut icon" href="img/icon.png" type="image/x-icon">
<!-- Font Awesome -->
<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="manifest" href="manifest.json">
<!-- IOS Support -->
<link rel="apple-touch-icon" href="img/icons/icon-72x72.png">
<link rel="apple-touch-icon" href="img/icons/icon-96x96.png">
<link rel="apple-touch-icon" href="img/icons/icon-128x128.png">
<link rel="apple-touch-icon" href="img/icons/icon-152x152.png">
<link rel="apple-touch-icon" href="img/icons/icon-384x384.png">
<link rel="apple-touch-icon" href="img/icons/icon-512x512.png">
</head>
<body data-spy="scroll" data-target="#myScrollspy">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg ">
<div class="container-fluid">
<!-- Navbar Brand -->
<img src="img/icon.png" alt="" onclick="location.reload()" style="width: 7em;">
<button class="navbar-toggler" style="border: 0; color: transparent;" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<label class="hamburger">
<input type="checkbox">
<svg viewBox="0 0 32 32">
<path class="line line-top-bottom" d="M27 10 13 10C10.8 10 9 8.2 9 6 9 3.5 10.8 2 13 2 15.2 2 17 3.8 17 6L17 26C17 28.2 18.8 30 21 30 23.2 30 25 28.2 25 26 25 23.8 23.2 22 21 22L7 22"></path>
<path class="line" d="M7 16 27 16"></path>
</svg>
</label>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown" style="direction: rtl; text-align: end;">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="course.html">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- About -->
<section class="about-section bg-color" id="about">
<div class="container">
<div class="row">
<div class="col-md-12 col-md-offset-2 col-sm-12 col-xs-12">
<h3>About US</h3>
<p>"DEV HUB" is a YouTube channel dedicated to programming, catering to enthusiasts, beginners, and seasoned developers alike. Whether you're diving into coding for the first time or seeking to enhance your skills, DEV HUB provides a welcoming and educational platform for all levels of proficiency in the programming community.</p>
<a href="#contact-form" class="btn-default-new">Contact US</a>
</div>
</div>
</div>
</section>
<!-- Contact Form -->
<div class="container" id="contact-form">
<h3 class="text-center">Contact Us</h3>
<form action="https://fabform.io/f/{insert-form-id-here}" method="post">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
</div>
<div class="form-group">
<button type="submit">Submit</button>
</div>
</form>
</div>
<!-- Footer -->
<footer class="bg-body-tertiary text-center text-lg-start" id="copyright">
<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.05);">
© 2024 Copyright: DEV HUB
</div>
<!-- Copyright -->
</footer>
<script src="js/script.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/popper.min.js"></script>
</body>
</html>