YourStory_Blog/photographer.html at master · Vishdev04/YourStory_Blog · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Riya Mehra | Photographer</title>

    <!-- Custom CSS Main -->
    <link rel="stylesheet" href="css/styles.css">

    <!-- Custom CSS fro Individual Page -->
    <link rel="stylesheet" href="css/profiles.css">

</head>

<body>

    <header>
        <nav>
            <h3 class="brand">YourStory Blog</h3>
            <div class="menu">
                <a href="#Story">Story</a>
                <a href="#Work">Work</a>
                <a href="#">Menu</a>
            </div>
        </nav>
    </header>

    <main>
        <div class="banner">
            <img src="images/photographer_topBG.png" alt="">
            <div class="author">
                <h1>Priya Mehra</h1>
                <h2>Photographer</h2>
            </div>
        </div>


        <div class="my-story" id="Story">
            <div class="story-description">
                <h1>My Story</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit quo doloribus libero quaerat
                    consequatur beatae excepturi animi, ullam perspiciatis fugiat voluptate laudantium dicta aspernatur,
                    quae impedit facere unde! Cum, quisquam! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut
                    fugit obcaecati quisquam error recusandae quis maxime facere! Incidunt reprehenderit eos ipsa, atque
                    quae odio aliquam distinctio deleniti. Excepturi, sapiente magnam.</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem expedita sapiente qui iusto,
                    reiciendis nemo repudiandae labore voluptatum. Error a inventore dignissimos debitis magnam
                    perferendis quisquam assumenda fuga dolorum voluptatum.</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem expedita sapiente qui iusto,
                    reiciendis nemo repudiandae labore voluptatum. Error a inventore dignissimos debitis magnam
                    perferendis quisquam assumenda fuga dolorum voluptatum.</p>
            </div>
            <div class="profile">
                <img src="images/ProfilePic_2.png" alt="Profile image">
            </div>
        </div>

        <div class="my-work" id="Work">
            <div class="work-description">
                <h1>My Work</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit quo doloribus libero quaerat
                    consequatur beatae excepturi animi, ullam perspiciatis fugiat voluptate laudantium dicta aspernatur,
                    quae impedit facere unde! Cum, quisquam!</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem expedita sapiente qui iusto,
                    reiciendis nemo repudiandae labore voluptatum. Error a inventore dignissimos debitis magnam
                    perferendis quisquam assumenda fuga dolorum voluptatum.</p>
            </div>
            <div class="work-gallery">
                <img src="images/photographer_1.png" alt="">
                <img src="images/photographer_2.png" alt="">
                <img src="images/photographer_3.png" alt="">
                <img src="images/photographer_4.png" alt="">
                <img src="images/photographer_5.png" alt="">
                <img src="images/photographer_6.png" alt="">
            </div>
        </div>
    </main>

</body>

</html>