Final-Project-Coursera-CSS/index.html at main · mdhrk2001/Final-Project-Coursera-CSS · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home - My Personal Blog</title>
    <link rel="shortcut icon" href="images/hr2.jpg" type="image/x-icon">
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>

<a href="#main-content" class="skip-link">Skip to Main Content</a>

<nav class="navbar">
    <ul>
        <li><a href="index.html" style="background-color: #555;">Home</a></li>
        <li><a href="gallery.html">Travelling Guides & Gallery</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
</nav>

<ul>
  <li><a href="#aboutme"><i>About Me</i></a></li>
  <li><a href="#photos"><i>My Photos</i></a></li>
</ul>

<main id="main-content">

    <h1><ins>Welcome to My Personal Blog</ins></h1>
    <p>Discover my latest information, images of travel adventures and contact details.</p> <br>

    <img src="images/BackgroundPhoto.png" alt="Featured image of blog topics"> <br><br>


    <article id="aboutme">
        <h2><b>_About Me_</b></h2> <br>
        <p>I am Heshan Randika Karanayaka.I'm 23 years old now and pursuing a degree program at CINEC Campus, a private
          university in Sri Lanka. I am a second-year student studying for my BSc (Hons) in Software Engineering. I didn't
          hesitate to choose this degree program because I have had a passion for the field of computing since I was a
          child and I am interested in the new computer technology in the new world.</p>

        <p>In the degree program I am studying, we are taught different modules related to different fields. Among them, I
          I am very eager to learn about the Web Architecture module. Because I am a bit more interested in the emerging field of Web
          Development related to HTML, CSS and JavaScript.These days I am studying the basic level subjects required to
          study that field. The Coursera platform helps me learn those things. I am currently getting the basic
          the knowledge I need through Coursera. The service that comes from it cannot be overstated. I certify that the
          The Coursera platform is an ideal learning environment for anyone.</p>
    </article> <br>

    <div id="photos">
        <h2><b>_My Photos_</b></h2> <br>
        <p>Here are some images of me:</p> <br>
        <div>
          <img src="images/hr1.png" alt="HR's image 1" style="height: 49%; width: 49%;">
          <img src="images/hr2.jpg" alt="HR's image 2" style="height: 49%; width: 49%;">
        </div>
        <div>
          <img src="images/hr3.jpg" alt="HR's image 3" style="height: 49%; width: 49%;">
          <img src="images/hr4.png" alt="HR's image 4" style="height: 49%; width: 49%;">
        </div>
    </div>

</main>

</body>
</html>