BlogWebsite/index.html at main · Nishantfiitjee1/BlogWebsite · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">

    <title>Best Blog Website</title>


</head>
<body>
    <nav class="navbar background h-nav-resp">
      <ul class="nav-list v-class-resp">
        <div class="logo">
            <img src="/img/BLOG.png" alt="Loading">
        </div>
        <li><a href="#Blogs">Blogs</a></li>
        <li><a href="#Events">Events</a></li>
        <li><a href="#News">News</a></li>
        <li><a href="#Jobs">Jobs</a></li>

      </ul>
       <div class="rightNav v-class-resp">
        <input type="text" name="search" id="search">
        <button class="btn btn-sm">Search</button>
       </div>
       <div class="burger">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
       </div>
    </nav>
    <section class="background firstSection">
        <div class="box-main">
            <div class="firstHalf">
                <p class="text-big">
                    The main part of our Blog
                </p>
                <P class="text-small">
                    start from unique idea and give a betterment to the blog
                </P>
                <div class="buttons">
                    <button class="btn">Subscribe</button>
                </div>
            </div>
            <div class="secondHalf">
                <img src="/img/bgblog.jpg" alt="">
            </div>

        </div>

    </section >
    <section class="Blogs ">
        <h1 class="primary">BLOGS</h1>

    <section class="section" id="Blog">

        <div class="paras">
        <p class="sectionTag text-big">Lorem ipsum dolor</p>
        <p class="sectionSubTag text-small">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam eius modi est harum possimus assumenda voluptates facere provident exercitationem optio vero dolor praesentium consectetur eum adipisci, itaque, distinctio eveniet in cumque neque nihil quaerat. Porro consequatur quasi ratione ipsa delectus ab expedita accusantium culpa repellat sed, ducimus architecto sapiente aperiam ex qui explicabo odit. Officiis, quo sequi obcaecati harum id numquam aliquam libero eius saepe asperiores! Maiores fuga aut dolorum voluptatibus excepturi eveniet doloribus. Provident mollitia molestias tenetur aspernatur voluptatibus culpa tempore velit in vitae nisi atque quam, perferendis sunt magnam quo, ducimus quibusdam cum, corrupti inventore similique. Sed, modi.</p>
    </div>
        <div class="thumbnail">
    <img src="/img/G1.png" alt="Loading" class="imgFluid">
   </div>
    </section>

    <section class="section section-left">
        <div class="paras">
        <p class="sectionTag text-big">Lorem ipsum dolor</p>
        <p class="sectionSubTag text-small">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam eius modi est harum possimus assumenda voluptates facere provident exercitationem optio vero dolor praesentium consectetur eum adipisci, itaque, distinctio eveniet in cumque neque nihil quaerat. Porro consequatur quasi ratione ipsa delectus ab expedita accusantium culpa repellat sed, ducimus architecto sapiente aperiam ex qui explicabo odit. Officiis, quo sequi obcaecati harum id numquam aliquam libero eius saepe asperiores! Maiores fuga aut dolorum voluptatibus excepturi eveniet doloribus. Provident mollitia molestias tenetur aspernatur voluptatibus culpa tempore velit in vitae nisi atque quam, perferendis sunt magnam quo, ducimus quibusdam cum, corrupti inventore similique. Sed, modi.</p>
    </div>
        <div class="thumbnail">
    <img src="/img/G1.png" alt="Loading" class="imgFluid">
   </div>
    </section>

    <section class="section ">
        <div class="paras">
        <p class="sectionTag text-big">Lorem ipsum dolor</p>
        <p class="sectionSubTag text-small">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam eius modi est harum possimus assumenda voluptates facere provident exercitationem optio vero dolor praesentium consectetur eum adipisci, itaque, distinctio eveniet in cumque neque nihil quaerat. Porro consequatur quasi ratione ipsa delectus ab expedita accusantium culpa repellat sed, ducimus architecto sapiente aperiam ex qui explicabo odit. Officiis, quo sequi obcaecati harum id numquam aliquam libero eius saepe asperiores! Maiores fuga aut dolorum voluptatibus excepturi eveniet doloribus. Provident mollitia molestias tenetur aspernatur voluptatibus culpa tempore velit in vitae nisi atque quam, perferendis sunt magnam quo, ducimus quibusdam cum, corrupti inventore similique. Sed, modi.</p>
    </div>
        <div class="thumbnail">
    <img src="/img/G1.png" alt="Loading" class="imgFluid">
   </div>
    </section>
</section>
<footer>
    <p class="text-footer">
        copyright &copy;2029 www.blogindia.com-All Done
    </p>
</footer>
<script src="js/resp.js"></script>
</body>
</html>