-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (105 loc) · 3.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/x-icon" href="images/article1.jpg">
<title>
Diary - Bloggers Destination
</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/utils.css" />
<link rel="stylesheet" href="css/mobile.css" />
</head>
<body>
<nav class="navigation">
<div class="nav-left">
<span>MyDiary</span>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
<div class="nav-right">
<!-- <form action="/search.html" method="get" > -->
<input id="search" class="nav-input" type="text" name="search" placeholder="Search here..." />
<button type="submit" class="btn">Search</button>
</form>
</div>
</nav>
<div class="content max-width-1 m-auto my-2">
<div class="content-left">
<h1>Greatness is here</h1>
<p>
This platform provides you to deliver what the best you have , give it
try and become a better Blogger that no one have ever thought of.
Blogs give you a voice to inform your customers and peers As you
create your own blog, with more and more articles about your
neighbourhood and the great things to do in your area, you gain the
opportunity to inform your customers and your peers. You also become a
valuable source of local information.
</p>
</div>
<div class="content-right">
<img src="images/typing.jpg" alt="typing" />
</div>
</div>
<div class="max-width-1 m-auto">
<hr />
</div>
<!-- <div class="h-articles max-width-2 m-auto my-2 font1">
<div class="year-box">
</div>-->
<div class="h-articles max-width-2 m-auto my-2 font1">
<h1>Articles </h1>
<div class="h-article">
<div class="h-article-img">
<img src="images/article1.jpg" alt="article-image">
</div>
<div class="h-article-content">
<a href="/blogpost.html"><h4 class="title">Work from home </h4></a>
<div>Author name: </div>
<span>9th January | 9 min read..</span>
</div>
</div>
<div class="h-article">
<div class="h-article-img">
<img src="images/p1.jpg" alt="article-image">
</div>
<div class="h-article-content">
<a href="/blogpost.html"><h4 class="title">Building art</h4></a>
<div>Author name: </div>
<span>9th January | 9 min read..</span>
</div>
</div>
<div class="h-article">
<div class="h-article-img">
<img src="images/p2.jpg" alt="article-image">
</div>
<div class="h-article-content">
<a href="/blogpost.html"><h4 class="title" >Cars craze</h4></a>
<div>Author name: </div>
<span>9th January | 9 min read..</span>
</div>
</div>
<div class="h-article">
<div class="h-article-img">
<img src="images/p3.jpg" alt="article-image">
</div>
<div class="h-article-content">
<a href="/blogpost.html"><h4 class="title">Friends Circle </h4></a>
<div>Author name: </div>
<span>9th January | 9 min read..</span>
</div>
</div>
</div>
</div>
<div class="footer ">
<p>Copyright © MyDiary.com</p>
<a href="https://www.pexels.com/search/technology/">Vector Credits: Pexels</a>
</div>
<script src="js/index.js"></script>
<script src="js/blogpost.js"></script>
</body>
</html>