developer-portfolio-practice/index.html at main · MdMahfujHasan/developer-portfolio-practice · 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
<!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">
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
    <title>Cat Routine</title>
</head>

<body>
    <section class="flex-section paw-up">
        <div class="half-width">
            <h1>Welcome to<br><span class="text-highlight">Cat's Routine</span> Website</h1>
            <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, delectus.</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus perspiciatis non molestias natus
                ratione eaque mollitia consequatur unde voluptate dolorem error facere, ipsam aliquam ad? Nesciunt,
                nostrum amet. Delectus accusamus, perspiciatis explicabo expedita officia natus, tempore autem quas
                voluptatem nam maiores eum, consectetur distinctio unde saepe nemo consequuntur nihil magnam porro
                veniam molestiae modi. Officiis nostrum amet dicta necessitatibus, explicabo cum quisquam aspernatur,
                vel sequi ut ratione aut, pariatur delectus quia sint totam accusantium praesentium aperiam eius quo ea
                nihil?</p>
            <a class="link-design" href="#" target="_blank">CHECK ME OUT!</a>
        </div>
        <div class="half-width">
            <img src="images/cat-paw-up.png" alt="cat-paw-up">
        </div>
    </section>

    <section class="flex-section cat-laptop">
        <div class="half-width">
            <img src="images/cat-laptop.png" alt="cat-laptop">
        </div>
        <div class="half-width">
            <h3>Intelligent Cat</h3>
            <h2>Lorem ipsum dolor, sit amet consectetur adipisicing.</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, consequatur veniam error quidem
                temporibus itaque soluta natus porro maiores ad. Perspiciatis, ad eum deserunt a libero commodi vel
                magnam ducimus recusandae mollitia, quam rerum in laudantium dignissimos labore tempora hic ipsum
                debitis nemo error reiciendis aut ipsam at. Tempora possimus mollitia cumque perferendis molestias,
                blanditiis voluptas! Vel adipisci sit asperiores.</p>
            <a class="link-design" href="#">START LEARNING!</a>
        </div>
    </section>

    <section class="flex-section">
        <div class="half-width">
            <h3>Hungry Cat</h3>
            <h2>Lorem ipsum dolor, sit amet consectetur adipisicing.</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, consequatur veniam error quidem
                temporibus itaque soluta natus porro maiores ad. Perspiciatis, ad eum deserunt a libero commodi vel
                magnam ducimus recusandae mollitia, quam rerum in laudantium dignissimos labore tempora hic ipsum
                debitis nemo error reiciendis aut ipsam at. Tempora possimus mollitia cumque perferendis molestias,
                blanditiis voluptas! Vel adipisci sit asperiores.</p>
            <a class="link-design" href="#" target="_blank">EAT WITH ME!</a>
        </div>
        <div class="half-width">
            <img src="images/cat-eats.png" alt="cat-paw-up">
        </div>
    </section>

    <section class="flex-section bottoom-section">
        <div class="half-width cat-eats">
            <h3>Chicken Tandoori</h3>
            <h2 class="text-highlight">Lorem ipsum dolor sit amet consectetur adipisicing.</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt repudiandae corporis atque sapiente
                excepturi assumenda maiores, quaerat et expedita dolorem natus eligendi qui veniam. Blanditiis, vel quae
                maiores voluptatum tenetur laudantium quidem officiis molestiae? Amet fugit nobis tenetur voluptatibus,
                exercitationem, impedit temporibus, eum soluta labore expedita culpa minima. Molestias, vel.</p>
        </div>
        <div class="half-width cat-eats">
            <h3>Chicken Tikka Masala</h3>
            <h2 class="text-highlight">Lorem ipsum dolor sit amet consectetur adipisicing.</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates porro maiores facere numquam hic,
                autem perferendis quas qui aperiam ut. Voluptates vitae dolorem ipsa asperiores saepe dolorum cum eos
                perspiciatis labore, quae cupiditate voluptatum quaerat optio adipisci fugit corrupti velit ab fuga quam
                officiis ipsum magni laudantium. Minima, deleniti iusto.</p>
        </div>
    </section>
    <footer>
        <h5>© Md. Mahfuj Hasan 2021, all rights reserved.</h5>
    </footer>
</body>

</html>