Assignment_2/try.html at main · pknanda2003/Assignment_2 · 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
<!DOCTYPE html>
<html>
<head>
  <title>Personal Details</title>
  <style>
    body {
      background-image: url('watermark.png'); /* Replace 'watermark.png' with the path to your watermark image */
      background-repeat: repeat;
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

    #header {
      background-color: #333;
      color: #fff;
      padding: 20px;
      text-align: center;
    }

    #content {
      margin: 20px;
    }

    #profile-photo {
      display: block;
      margin: 0 auto;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      object-fit: cover;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    #name {
      text-align: center;
      font-size: 24px;
      margin-top: 20px;
    }

    #bio {
      text-align: center;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <div id="header">
    <h1>Personal Details</h1>
  </div>

  <div id="content">
    <img id="profile-photo" src="profile.jpg" alt="Profile Photo"> <!-- Replace 'profile.jpg' with the path to your profile photo -->
    <h2 id="name">John Doe</h2> <!-- Replace 'John Doe' with your name -->
    <p id="bio">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dapibus elit sit amet neque facilisis, in dapibus turpis consequat. Sed cursus metus enim, in suscipit dolor pellentesque ac. Nullam eu fermentum leo.</p> <!-- Replace the sample text with your bio -->
  </div>
</body>
</html>