web/blog.html at main · Bushra-18aug/web · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>home</title>
</head>
<body>
    <article>
    <header>
        <img src="./image/full stack.png" alt="this is a log" width="90px" height="90px">
        <h1>bushra fateh rasheed</h1>

        <ul>
            <li><a href="Home.html">Home</a></li>
            <li> <a href="Blog.html">Blog</a></li>
            <li> <a href="SignUp.html">Sign Up</a></li>
            <li> <a href="SignIn.html">Sign In</a></li>
            <li> <a href="Schedule.html">Schedule</a></li>

            <li>
                <a href="./layout/flex.html">Layout Design</a>
                <ul>
                    <li> <a href="./layout/flot.html">float layout wiht side nav</a></li>
                    <li><a href="./layout/flex.html">flexbox layout with side nav</a></li>
                    <li> <a href="./layout/grid.html">blogGrid view</a></li>
                </ul>
            </li>
        </ul>

    </header>
</article>

<main>
    <h2>Blogs</h2>
    <section>
        <h2>Topic 1 lorem ipsum dolor sit amet</h2>
        <div> By <a href="Bushra Fateh">Bushra Fateh</a>on <time> Sunday, 23/10/2022 9:00</time></div>
        <img src="https://worldisbeautiful.net/medias/2019/Iraq%20_%20Barzan%20Gorge.photo.jpg" alt="">
        <p>Lorem  by dolor sit amet, consectetur adipisicing elit. Optio ipsam quod vel sunt. Quisquam, omnis quasi culpa maxime velit sed debitis alias architecto voluptatem commodi in deleniti repellat laborum iste quidem ratione eligendi dolore, magni, eaque necessitatibus nesciunt quos mollitia. Explicabo natus voluptas saepe iste veniam, sint impedit exercitationem quidem doloremque recusandae voluptate qui consectetur! Porro nostrum similique dolorem dicta sint tempora culpa perferendis voluptatem quo a architecto laboriosam, expedita maxime exercitationem delectus unde aliquid magnam voluptates, ipsum illo ut praesentium. Sit, quos? Eaque eligendi perspiciatis magnam, fugit, magni autem suscipit error unde nisi aspernatur quod provident ab laborum? Quam qui quia id sed rerum, ipsam quasi. Ullam unde commodi aliquid hic non doloribus enim dolorem pariatur voluptatem quos ducimus dolore omnis aut eaque ratione ut quisquam, accusantium necessitatibus inventore modi minus consectetur mollitia! Ad atque itaque consequatur consectetur excepturi, iste soluta sint doloremque reiciendis laboriosam quia architecto, totam consequuntur ex dolor? Dignissimos mollitia aspernatur reiciendis quibusdam consequatur pariatur at sequi sed. Deleniti minima voluptatum vero libero mollitia, eum repudiandae atque quos facere. Quia consequuntur esse animi praesentium facilis harum maxime, excepturi necessitatibus obcaecati optio nobis perferendis nostrum totam error, aperiam hic officiis laboriosam, quisquam nisi explicabo quidem modi? Repellat.</p>
    </section>


    <section>
        <h2>Topic 2 excepturi include</h2>
        <div> By <a href="Bushra Fateh">Bushra Fateh</a>on <time> Sunday, 23/10/2022 9:00</time></div>
        <img src="https://worldisbeautiful.net/medias/2019/Iraq%20_%20Barzan%20Gorge.photo.jpg" alt="">
        <p>Lorem  by dolor sit amet, consectetur adipisicing elit. Optio ipsam quod vel sunt. Quisquam, omnis quasi culpa maxime velit sed debitis alias architecto voluptatem commodi in deleniti repellat laborum iste quidem ratione eligendi dolore, magni, eaque necessitatibus nesciunt quos mollitia. Explicabo natus voluptas saepe iste veniam, sint impedit exercitationem quidem doloremque recusandae voluptate qui consectetur! Porro nostrum similique dolorem dicta sint tempora culpa perferendis voluptatem quo a architecto laboriosam, expedita maxime exercitationem delectus unde aliquid magnam voluptates, ipsum illo ut praesentium. Sit, quos? Eaque eligendi perspiciatis magnam, fugit, magni autem suscipit error unde nisi aspernatur quod provident ab laborum? Quam qui quia id sed rerum, ipsam quasi. Ullam unde commodi aliquid hic non doloribus enim dolorem pariatur voluptatem quos ducimus dolore omnis aut eaque ratione ut quisquam, accusantium necessitatibus inventore modi minus consectetur mollitia! Ad atque itaque consequatur consectetur excepturi, iste soluta sint doloremque reiciendis laboriosam quia architecto, totam consequuntur ex dolor? Dignissimos mollitia aspernatur reiciendis quibusdam consequatur pariatur at sequi sed. Deleniti minima voluptatum vero libero mollitia, eum repudiandae atque quos facere. Quia consequuntur esse animi praesentium facilis harum maxime, excepturi necessitatibus obcaecati optio nobis perferendis nostrum totam error, aperiam hic officiis laboriosam, quisquam nisi explicabo quidem modi? Repellat.</p>

    </section>


    <h2>Topic 3 Doloreque include accusantium explicabo autem dolor </h2>
    <div> By <a href="Bushra Fateh">Bushra Fateh</a>on <time> Sunday, 23/10/2022 9:00</time></div>
    <img src="https://worldisbeautiful.net/medias/2019/Iraq%20_%20Barzan%20Gorge.photo.jpg" alt="">
    <p>Lorem  by  dolor sit amet, consectetur adipisicing elit. Optio ipsam quod vel sunt. Quisquam, omnis quasi culpa maxime velit sed debitis alias architecto voluptatem commodi in deleniti repellat laborum iste quidem ratione eligendi dolore, magni, eaque necessitatibus nesciunt quos mollitia. Explicabo natus voluptas saepe iste veniam, sint impedit exercitationem quidem doloremque recusandae voluptate qui consectetur! Porro nostrum similique dolorem dicta sint tempora culpa perferendis voluptatem quo a architecto laboriosam, expedita maxime exercitationem delectus unde aliquid magnam voluptates, ipsum illo ut praesentium. Sit, quos? Eaque eligendi perspiciatis magnam, fugit, magni autem suscipit error unde nisi aspernatur quod provident ab laborum? Quam qui quia id sed rerum, ipsam quasi. Ullam unde commodi aliquid hic non doloribus enim dolorem pariatur voluptatem quos ducimus dolore omnis aut eaque ratione ut quisquam, accusantium necessitatibus inventore modi minus consectetur mollitia! Ad atque itaque consequatur consectetur excepturi, iste soluta sint doloremque reiciendis laboriosam quia architecto, totam consequuntur ex dolor? Dignissimos mollitia aspernatur reiciendis quibusdam consequatur pariatur at sequi sed. Deleniti minima voluptatum vero libero mollitia, eum repudiandae atque quos facere. Quia consequuntur esse animi praesentium facilis harum maxime, excepturi necessitatibus obcaecati optio nobis perferendis nostrum totam error, aperiam hic officiis laboriosam, quisquam nisi explicabo quidem modi? Repellat.</p>

</section>


    </main>

    <footer>

        <h4>Sitemap</h4>
        <ul>
            <li><a href="Home.html">Home</a></li>
            <li><a href="About.html">About</a></li>
            <li><a href="Contact.html">Contact</a></li>
            <li><a href="SignIn.html">Log In</a></li>
        </ul>

        <h4>Terms and Quick Links</h4>
        <ul>
            <li><a href="">Term of Usage</a></li>
            <li><a href="">Link 1</a></li>
            <li><a href="">Link 2</a></li>
            <li><a href="">Link 3</a></li>
        </ul>

        <h4>Address and Contact</h4>
        <ul>
            <li><i>City, Governorate, Country</i></li>
        <li><i>Phone: 0694-0000-000-0000</i></li>
        <li><i>Email: example@domain.com</i></li>
        </ul>

    </footer>
</body