htmlandcss/about.html at master · uniphyd/htmlandcss · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Kushagra Garg</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@544;562;700&display=swap"
      rel="stylesheet"
    />

    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="container">
      <div class="nav-wrapper">
        <div class="left-side">
          <div class="nav-link-wrapper">
            <a href="index.html">Home</a>
          </div>

          <div class="nav-link-wrapper active-nav-link">
            <a href="about.html">About</a>
          </div>
        </div>

        <div class="right-side">
          <div class="brand">
            <a href="https://twitter.com/demetor_">KUSHAGRA GARG</a>
          </div>
        </div>
      </div>

      <div class="content-wrapper">
        <div class="two-column-wrapper">
          <div class="profile-image-wrapper">
            <img src="images/profile.jpg" alt="" />
          </div>

          <div class="profile-content-wrapper">
            <h1>Kushagra Garg</h1>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
              eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec
              adipiscing tristique risus nec feugiat in fermentum posuere. Sit
              amet facilisis magna etiam. Pharetra vel turpis nunc eget lorem
              dolor sed viverra. Sed libero enim sed faucibus turpis in. Amet
              luctus venenatis lectus magna fringilla urna. Eget felis eget nunc
              lobortis mattis aliquam faucibus. Diam in arcu cursus euismod.
              Aliquet bibendum enim facilisis gravida neque. Quisque sagittis
              purus sit amet volutpat consequat. Id ornare arcu odio ut sem
              nulla pharetra. Sed ullamcorper morbi tincidunt ornare massa eget
              egestas purus. Pretium aenean pharetra magna ac placerat
              vestibulum. Duis ut diam quam nulla. Nam at lectus urna duis
              convallis.
            </p>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
              eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec
              adipiscing tristique risus nec feugiat in fermentum posuere. Sit
              amet facilisis magna etiam. Pharetra vel turpis nunc eget lorem
              dolor sed viverra. Sed libero enim sed faucibus turpis in. Amet
              luctus venenatis lectus magna fringilla urna. Eget felis eget nunc
              lobortis mattis aliquam faucibus. Diam in arcu cursus euismod.
              Aliquet bibendum enim facilisis gravida neque. Quisque sagittis
              purus sit amet volutpat consequat. Id ornare arcu odio ut sem
              nulla pharetra. Sed ullamcorper morbi tincidunt ornare massa eget
              egestas purus. Pretium aenean pharetra magna ac placerat
              vestibulum. Duis ut diam quam nulla. Nam at lectus urna duis
              convallis.
            </p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>