-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
83 lines (80 loc) · 3.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vihara Girihagama</title>
<link href="css/styles.css" type="text/css" rel="stylesheet">
<link rel="icon" href="favicon.ico">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat:wght@400&family=Sacramento&display=swap"
rel="stylesheet">
</head>
<body>
<div class="top-container">
<img class="top-cloud" src="Images/cloud.png" alt="cloud-image">
<h1>I'm Vihara.</h1>
<h2 class="programmer">a programmer.</h2>
<img class="bottom-cloud" src="Images/cloud.png" alt="cloud-image">
<img src="Images/mountain.png" alt="mountain -image">
</div>
<div class="middle-container">
<div class="profile">
<img class="profile-pic" src="Images/circle-cropped.png" alt="Vihara's profile picture">
<h2>Hey there,</h2>
<p class="intro">I am a curious 14 year old who is interested in many things including how to code, 3D modelling and how exactly
to"sing". </p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="skill-picture-left" src="https://media.giphy.com/media/LMt9638dO8dftAjtco/source.gif" alt="">
<h3>Python programming</h3>
<p>I am a python <span class="underlined italicize">pro</span> grammer (get it!?).
Python is the first programming language I learned, and I believe I am quite proficient in it for a 14 year old.
I have made a few scripts and games which you can check out on my github (which I have linked below)
when I upload them.
</p>
</div>
<div class="skill-row">
<img class="skill-picture-right" src="Images/swift.png" alt="">
<h3>iOS App Developing</h3>
<p>I have made several apps for iOS using Swift, which is my favourite programming language.
I mainly make apps as solutions to annoyances that occur daily in my life.
</p>
</div>
<div class="skill-row">
<img class="skill-picture-left" src="https://media.giphy.com/media/d9IfL7seBexHLct75B/source.gif" alt="">
<h3>Web Developing</h3>
<p>Despite me not knowing a lot of HTML and CSS, I have made some personal websites, including this one.
I believe that I have done a good job, but I trust you to be the judge of that.
</p>
</div>
<div class="skill-row">
<img class="skill-picture-right" src="https://media.giphy.com/media/NMd06EvKGq5BC/source.gif" alt="">
<h3>Singing</h3>
<p> There is seldom a day where I haven't randomly burst into song, which I believe annoys my family.
Despite this, my friends say that their ears cannot bear my angelic voice and refuse to listen when I
<span class="strike-through">scream</span> sing.
I have taken this as a sign that I am doing something right, and have started to sing more frequently now. (To my friends dismay)
</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>Why would you want that, you <span class="italicize">creep?</span></h3>
<p class="contact-message">I'm just kidding, it's easy to see why you would want talk with someone as fabulous as me.
You can press the button below to send an email to me or check out my profiles using the links below.
</p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://stackoverflow.com/users/13309651/kingteena">Stack Overflow</a>
<a class="footer-link" href="https://www.reddit.com/user/kingteena">Reddit</a>
<a class="footer-link" href="https://github.com/Kingteena">Github</a>
<p class="copyright">© 2021 Vihara Girihagama.</p>
</div>
</body>
</html>