-
Notifications
You must be signed in to change notification settings - Fork 0
/
createblog.html
110 lines (88 loc) · 5.7 KB
/
createblog.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
<!DOCTYPE html>
<html>
<head>
<title>Inked Insights </title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="icon" type="image/x-icon" href="inkedInsightslogo.jpeg">
<link rel="stylesheet" href="style1.css">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="">
<nav class=" flex h-16 pt-5">
<img src="inkedInsightslogo.jpeg" alt="Inked Insights" class="rounded-full w-auto mx-5">
<div class="text-4xl font-extrabold text-emerald-600 ">Inked Insights</div>
<div class="px-24 ml-auto">
<a href="index.html" class="text-xl px-4">Home</a>
<!-- <a href="" class="text-xl px-4">About</a> -->
<a href="categories.html" class="text-xl px-4">Category</a>
<a href="aboutus.html" class="text-xl px-4">About Us</a>
<!-- <a href="#" class="text-xl px-4 bg-blue-600 py-2 text-white hover:bg-blue-800 rounded-md">Login</a> -->
<button class="bg-blue-600 px-6 py-4 text-white rounded-lg border-none hover:bg-blue-800 outline-none font-semibold " id="#Logbtn" ><a href="login.html">Login</a>
</button>
</div>
</nav>
<div class="guidelines grid grid-cols-3">
<div class="p-10 text-emerald-600 text-center"><p><span class="font-bold ">1.Choose a topic:</span>
<br>
Pick a topic that is relevant to your audience and interesting to you. Brainstorm ideas and choose one that will add value to your readers.
<br>
</p></div>
<div class="p-10 text-red-500 text-center"><p><span class="font-bold ">2.Research:</span>
<br>
Once you have chosen a topic, research it thoroughly. Look for reliable sources and gather information to support your points.
<br></p></div>
<div class="p-10 text-emerald-600 text-center"><p><span class="font-bold ">3.Outline:</span>
<br>
Create an outline for your blog post. This will help you organize your thoughts and ensure that you cover all the important points.
<br></p></div>
<div class="p-10 text-red-500 text-center"><p><span class="font-bold ">4.Write a compelling introduction:</span>
<br>
Your introduction should grab the reader's attention and make them want to keep reading. It should clearly state what the blog post is about and why it's important.
<br></p></div>
<div class="p-10 text-emerald-600 text-center"><p><span class="font-bold ">5.Use headings and subheadings:</span>
<br>
Use headings and subheadings to break up your content into easily readable sections. This makes your post more scannable and helps readers find the information they're looking for.
<br></p></div>
<div class="p-10 text-red-500 text-center"><p><span class="font-bold ">6.Keep it concise::</span>
<br>
Blog posts should be concise and to the point. Avoid using unnecessary words or fluff.
<br></p></div>
<div class="p-10 text-emerald-600 text-center"><p><span class="font-bold ">7.Use visuals: </span>
<br>
Use visuals like images, videos, and infographics to make your blog post more engaging.
<br></p></div>
<div class="p-10 text-red-500 text-center"><p><span class="font-bold ">8.Edit and proofread:</span>
<br>
Once you have finished writing your post, edit and proofread it thoroughly. Check for grammar and spelling errors, and make sure that your content is clear and easy to understand.
<br></p></div>
<div class="p-10 text-emerald-600 text-center"><p><span class="font-bold ">9.Promote your post: </span>
<br>
Once your blog post is live, promote it on social media and other channels to reach a wider audience.
<br></p></div>
</div>
<div class="m-10 flex justify-center ">
<div class="w-full ">
<h1 class="text-3xl font-semibold italic text-blue-800"> Create Your Blog</h1>
<div class=" space-y-6">
<h3 class="text-xl mt-6 ">Title </h3>
<input type="text" class="p-4 bg-slate-100 text-md w-fit rounded-lg" placeholder="Enter the title ...." required>
<h3 class="text-xl">Hashtags :</h3>
<input type="text" class="text-md p-4 bg-slate-100 w-fit rounded-lg" placeholder="#photography #travel ...." required>
<h3 class="text-xl"> Image </h3>
<input type="file" class="p-4" accept="image/*" />
<h3 class="text-xl">Content </h3>
<textarea name="content" id="blogcontent" cols="50" rows="30" class="text-md p-4 bg-slate-100 w-fit rounded-lg" placeholder="Enter your text ......."></textarea>
</div>
<button type="submit" class="bg-blue-600 hover: bg-blue-800 px-6 py-4 text-bold text-white rounded-2xl my-10 justify-center
">Post </button>
</div>
</div>
<footer>
<div class="btmline flex justify-center items-center mx-auto m-3 space-x-4"><span></span><span class="font-semibold hover:text-emerald-500 "> © Inked Insights , 2023 </span></div>
</footer>
</body>
</html>