forked from jineshnagori/DevBlog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
AddBlog.html
134 lines (123 loc) · 7.25 KB
/
AddBlog.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
<!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.0" />
<title>DevBlog | About</title>
<link rel="shortcut icon" href="assets/logo.svg" type="image/x-icon" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css'>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Navbar -->
<nav class="font2 navbar navbar-expand-lg navbar-light shadow-sm bg-light fixed-top">
<div class="container">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<span class="ml-3 font-weight-bold font2">DevBlog</span>
</a>
<button class="navbar-toggler navbar-toggler-right border-1" type="button" data-bs-toggle="collapse"
data-bs-target="#navbar4" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar4">
<ul class="navbar-nav mr-auto pl-lg-4">
<li class="nav-item px-lg-2 active"> <a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item px-lg-2"> <a class="nav-link" href="about.html"><span
class="d-inline-block d-lg-none icon-width"><i class="far fa-user"></i></i></span>About</a> </li>
<li class="nav-item px-lg-2"> <a class="nav-link" href="contact.html"><span
class="d-inline-block d-lg-none icon-width"><i class="far fa-envelope"></i></span>Contact</a> </li>
<li class="nav-item px-lg-2"> <a class="nav-link" href="signup.html"><span
class="d-inline-block d-lg-none icon-width"><i class="far fa-envelope"></i></span>Register</a> </li>
<li class="nav-item px-lg-2"> <a class="nav-link" href="contributors.html"><span
class="d-inline-block d-lg-none icon-width"><i class="far fa-envelope"></i></span>Contributors</a> </li>
</ul>
<ul class="navbar-nav ml-auto mt-3 mt-lg-0">
<li class="nav-item"> <a class="nav-link" href="#">
<i class="nav-icon ion-social-twitter"> </i><span class="d-lg-none ml-3">Twitter</span>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">
<i class="nav-icon ion-social-facebook"> </i><span class="d-lg-none ml-3">Facebook</span>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">
<i class="nav-icon ion-social-instagram"> </i><span class="d-lg-none ml-3">Instagram</span>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">
<i class="nav-icon ion-social-linkedin"> </i><span class="d-lg-none ml-3">Linkedin</span>
</a> </li>
<button id="themeBtn" onclick="theme()">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="orange" class="bi bi-sun-fill"
viewBox="0 0 16 16" id="sun">
<path
d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="white" class="bi bi-moon-stars-fill"
viewBox="0 0 16 16" id="moon">
<path
d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" />
<path
d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z" />
</svg>
</button>
<a class="mx-3 my-1 btn btn-primary" href="AddBlog.html">Add Blog</a>
</ul>
</div>
</div>
</nav>
<form class="blogForm">
<div class="mb-3">
<label for="blogtitle" class="form-label">Blog Title: </label>
<input type="text" class="form-control blogtitle" id="blogtitle" aria-describedby="blogtitle">
</div>
<div class="mb-3">
<label for="Description" class="form-label">Description: </label>
<input type="password" class="form-control Description" id="Description">
</div>
<div class="mb-3">
<label for="teg" class="form-label">teg: </label>
<input type="teg" class="form-control teg" id="teg">
</div>
<button type="submit" class="btn btn-primary">Submit Blog</button>
</form>
<!-- footer -->
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3>Services</h3>
<ul>
<li><a href="#">Web design</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3>About</h3>
<ul>
<li><a href="#">Company</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
<div class="col-md-6 item text">
<h3>Company Name</h3>
<p>This company provides open source for all the users, show their coding skills and upload their blogs...
</p>
</div>
<div class="col item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i
class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a
href="#"><i class="icon ion-social-instagram"></i></a></div>
</div>
<p class="copyright">Company Name © 2018</p>
</div>
</footer>
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/about.js"></script>
</html>