-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (112 loc) · 7.39 KB
/
index.html
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<title>My personal Website</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./style.css" />
</head>
<body>
<!-- -------------------This is header... Contain logo and navigation bar----------- -->
<header class="header">
<div class="logo-container">
<img class="logo" src="images/logo.png">
</div>
<div class="topnav" id="myTopnav">
<a href="#" class="active" >HOME</a>
<a href="#about-title" class="nav-link" >ABOUT</a>
<a href="entertainment.html" class="nav-link" >ENTERTAINING</a>
<a href="contact.html" class="nav-link" >CONTACT</a>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
</div>
</header>
<!-- ------------------This is the content of main page--------------------- -->
<article class="main">
<section class="about" id="about">
<div class="grid">
<!-- ------- This is the welcome section in the main page -------------- -->
<div class="welcome" style="text-align: left; padding-left: 30px;">
<h2>Hi there! <br> I'm Dushani(Dushee).</h2>
<p style="color: black;">
I am a university student, curently studying Information
Technology at University of Moratuwa.
I find "IT" is a quite fascinating field, in particular:
artificial intelligence, web designing and programming.
I spend most of my spare time in learing how to do programming
and web design. I used my basic knowledge of html and css to develop this website. Everything you
see here was made by me. Thank you for checking out my site and I hope you enjoy this.
</p>
</div>
<!-- ------------------Welcome section image---------------------------- -->
<div class="welcome-img">
<h1><span style="color: #FFFAF0" >WELCOME</span></h1>
</div>
<!-- --------------------- About section title ----------------------------- -->
<div class="about" id="about-title">
<h1><span>ABOUT</span></h1>
<hr style=" width: 100%; height: 30px; margin-left: auto; margin-right: auto; background-color: #6b8674; border: 0 none;margin-top: 0;"></div>
<!-- ---------------------------About Me section ----------------------------->
<div class="myself" style="text-align: left; padding-left: 30px;padding-bottom: 55px;color: black;">
I'm Dushani, a 22 years old girl who lives in Gampaha. I'm currently in my first year
at University of Moratuwa. I love music, movies, tv-shows, sports, foods and travelling. I have always been good at sports.
I like playing netball and basketball. I have played in many netball tournaments during my school time and ccasionally I have
palyed chess, cricket and volleyball too. I am ambitious and I see myself as a responsible person. I enjoy making new things using
my creativity like crafts and creative websites. I use this website to share my interst in music, movies, tv-shows and books.
</div>
<div class="myself-img">
<h1><span style="color: #FFFAF0; background-color: #328b66bb; margin: 0px 0px 15px 0px;width: 100%;" >ME</span></h1>
</div>
<!-- ----------------------About family seciton ------------------------------->
<div class="fam" style="text-align: left; padding-left: 30px; padding-bottom: 55px; color: black;">I have a samll family including me, father, mother and elder brother.
My father is a businessman and my mother is a housewife. My brother completed his undergraduate studies in IT at University of Moratuwa.
He is currently working at Millennium IT software company as a software engineer. My family is one of the
most important aspects of my life. We are really close to each other and stick together no matter what
the situation may be. My family is my biggest inspration and as always I'm so grateful for my family.
</div>
<div class="fam-img">
<h1><span style="color: #FFFAF0; background-color: #328b66bb; margin: 0px 0px 15px 0px;width: 100%;" >FAMILY</span></h1>
</div>
<!-- ---------------------------About Education section ------------------------>
<div class="ed" style="text-align: left; padding-left: 30px;padding-bottom: 65px;padding-top: 65px; color: black;">
I did my schooling from Gampaha Rathnavali Balika Vidyalaya. I did A/Ls in Biological stream in 2017 for the frist time.
Since I was unable to apply for the IT degree in Moratuwa University with my z-score, I sat for the exam again in 2018
and applied to the Honours Degree of Bachelor
of Science in Information Technology course at University of Moratuwa. As a result,
currently I'm studying in IT faculty of University of Moratuwa as a first year student.
</div>
<div class="ed-img">
<h1><span style="color: #FFFAF0; background-color: #328b66bb; margin: 0px 0px 15px 0px;width: 100%;" >EDUCATION</span></h1>
</div>
<!-- ----------------------About future aspirations seciton ------------------------------->
<div class="future" style="text-align: left; padding-left: 30px;padding-bottom: 35px; color: black;">
My ambition to study further and to do research in the field of IT has developed
out of my experiences in my academic life,
work practices and also from my family environment, which has always encouraged me to learn and take my decisions
by myself. After coming in my undergraduate studies I have gained an insight of IT
in my course work and became more interested in the field of IT. Later I have decided to further
enhance my knowledge and do research by pursuing my masters in field of IT. My long term goal is to
pursue research in field of IT and create innovative solutions and applications related
to the field which is best to society.
</div>
<div class="future-img">
<h1><span style="color: #FFFAF0; background-color: #328b66bb; margin: 0px 0px 15px 0px;width: 100%;" >FUTURE </span></h1>
</div>
</div>
</section>
</article>
<!-- -----------------------------Javascript to navigation bar --------------------------------- -->
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>
</html>