-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathyelp-my-first-post.html
145 lines (109 loc) · 6.48 KB
/
yelp-my-first-post.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
135
136
137
138
139
140
141
142
143
144
145
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+web">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="post/post.css">
<title>Yelp My First Post</title>
</head>
<body>
<div class="row main-content">
<main>
<div class="col-sm-8 middle-side-bar">
<div class="row">
<div class="col-sm-12 d-flex justify-content-center">
<div class="main-content-container">
<!--beginimg of red line-->
<div class="empty-div">
</div>
<!--End of redline-->
<!--Beginning of First Article-->
<div class="row">
<!--tittle image-->
<!-- <div class="col-sm-4 both-content"> -->
<div class="image-container d-flex justify-content-center">
<div class="chi-image d-flex justify-content-center">
<img src="/post/images/female programmer.jpg" alt="female programmer"
width="500" height="500">
</div>
</div>
<!-- </div> -->
<!--End of tittle image-->
<!--Main Article-->
<div class=" main-article ">
<h1>Yelp My First Post!!</h1>
<p>Welcome to My Blog Guys, I have been meaning to start up this
blog but "forces beyond my control" has prevented me from doing so. But today I
am glad that it its up and running. somethings are still yet to
be fixed though but I assure you that we are good to go.
The niche of this blog centres around tech and tech related news, gists,
articles, tutorals
and more.<br><br>
I urge you to bookmark this site so that you can easily enjoy valuable contents,
and trust me on this, the content of this blog promises to be educative,
informative
and of cause intresting. Although this is just an introductry post, let me use
this medium to introduce
the author. I am Chinemere Angela Chukwu, I studied Mass Communication but
transitioned into the world of tech. <br><br>
I am currently a freelance web developer, using front end technology such as
HTML, CSS, Jvascript and Bootstrap to make the web accessible to everyone.
If you want to connect with me, you can connect with me on Twitter;
@codemistress1.<br><br>
Thank you for listening to my TED talk. I promise to always bring you all the
juicy gists in the tech industry. Once again, I am Chinemere, welcome to my
blog.<br>
<button type="button" class="btn"> Like this article</button>
</p>
</p>
<div class="leave-a-reply">
<h2>Leave A Reply</h2>
<p class="your-email-will"> Your Email address will not be published but
required fields
are marked
<em>*</em></p>
<p class="comment-word">Comment</p>
<textarea> </textarea>
<div class="forms">
<form class="form-group">
<label for="name">Name * </label><br>
<input type="text" required class="form-control comments" id="name">
<label for="email">Email * </label><br>
<input type="email" required class="form-control comments" id="email">
<label for="website">Website </label>
<input type="text" class="form-control comments" id="website">
<button class="btn btn-primary">Post Comment</button>
</form>
</div>
</div>
</div>
</div>
<!--End of first article-->
</div>
</div>
</div>
</div>
</main>
<!--Beginning of right side bar-->
<!--end of right sidebar-->
<!-- footer -->
<footer class="d-flex justify-content-center">
<div class="row d-flex justify-content-center">
<div class="col-sm-12 the-footer">
<p class="thanks">Thanks For Sticking Arround</p>
</div>
</div>
</footer>
<!-- End of -->
</div>
</div>
<script src=" app.js">
</script>
</body>
</html>