ReelTech/firstblog.html at master · HalimaHamood/ReelTech · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>The power of open work space</title>
    <link rel="stylesheet" href="allCss/firstblog.css" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
    />
  </head>

  <body>
    <div id="header">
      <img src="assets/logo.gif" alt="logo" />
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="blog.html">Blog</a></li>
        <li>Content Us</li>
        <li>About Us</li>
      </ul>
    </div>

    <div id="firstblog">
      <h1 class="Title">The power of open work space</h1>
      <p class="Para">
        This is your blog post. Great looking images make your blog posts more
        visually compelling for your audience, so choose media that really wows.
        Adding fun and compelling videos is another great way to engage your
        audience and keep them coming back for more. Want to spice up your post
        with a gallery? It’s never been easier to customize your content and
        captivate your readers.<br /><br />
        Your blog comes with many beautiful design options. Click Designs to
        choose the one that’s right for you. To show and hide details from your
        blog, like the Author, Likes Counter, and more - head to Settings.
        Readers can easily share posts on social networks like Facebook and
        Twitter and view how many people have liked a post, made comments and
        more.
      </p>
      <img class="Img" src="assets/firstblog.jpg" alt="firstblog" />
    </div>

    <div id="footer">
      <ul>
        <li><i class="fa fa-facebook" aria-hidden="true"></i></li>
        <li><i class="fa fa-twitter" aria-hidden="true"></i></li>
        <li><i class="fa fa-linkedin" aria-hidden="true"></i></li>
      </ul>
      <p>©2020 by ReelTech. Proudly created by Halima</p>
    </div>
    <script src="./jsFiles/singleBlog.js"></script>
  </body>
</html>