Webpage_HTML_CSS_JAVASCRIPT_/index.html at dev · gloriamanks/Webpage_HTML_CSS_JAVASCRIPT_ · 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
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Gloria Mankrado step 4</title>
    <link rel="stylesheet" href="./style.css">

  </head>

  <body>
  <header>
  <h1>👋 This is Gloria Mankrado!</h1>
  <h2>This Page is about Gloria. <br> The things you wouldn’t know about her unless you read this page :)</h2>
</header>

<img class="center-img"
     src="https://media.licdn.com/dms/image/v2/C4D03AQFM3MhjS3ProA/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1641936840253?e=1764806400&v=beta&t=xXnKqvtHAZw076NHpKly-mTUd1Boj-U_XEyBO9RBxOc"
     alt="hello">

<ul>
  <li>Badminton</li>
  <li>Roses</li>
  <li>Puppies</li>
  <li>Family time</li>
  <li>Lychees</li>
</ul>

<p class="rose-box">
  Gloria enjoys playing badminton with her colleagues, usually full of jokes, friendly competition, and trying her best to stay active.
</p>

<p class="rose-box">
  Family means a lot to her. She’s the kind of person who naturally looks out for the people she cares about and likes spending time with her siblings.
</p>

<p class="rose-box">
  She loves animals and once had guinea pigs growing up. She still dreams of getting a puppy one day because she knows she’d spoil it with attention.
</p>

<p class="rose-box">
  Roses are her favourite flower because they remind her of her dad, who used to grow them at home. They bring her a nice sense of comfort and memory.
</p>

<p class="rose-box">
  And when it comes to fruit, lychee is at the top of her list. sweet, refreshing, and elite.
</p>

<img class="small-img"
     src="https://images.unsplash.com/photo-1554830072-52d78d0d4c18?w=700&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8dGhhbmslMjB5b3V8ZW58MHx8MHx8fDA%3D"
     alt="Thank you">

<p>
  <a href="https://www.w3schools.com/">Follow along with Gloria's Learning by learning yourself!</a>
</p>
    <script  src="./script.js"></script>

  </body>

</html>