-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathIntroToCSS.html
125 lines (112 loc) · 3.7 KB
/
IntroToCSS.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
122
123
124
125
<!DOCTYPE html>
<html lang="en">
<head>
<title>Intro To HTML and CSS</title>
<link href="IntroToCSS.css" rel="stylesheet" />
</head>
<body>
<div class="navbar">
<ul class="links">
<li>
<a class="item" href="/#aboutme">About me</a>
</li>
<li>
<a class="item" href="/#hobbies">Hobbies</a>
</li>
<li>
<a class="item" href="/#anime">Anime</a>
</li>
<li>
<a class="item" href="/#links">Links</a>
</li>
</ul>
</div>
<div class="title">
<h1 class="name">Anirudh Kaza</h1>
</div>
<div id="aboutme" class="about section">
<h2>About me</h2>
<div class="break"></div>
<p class="description">
Hey there! I’m Anirudh Kaza and I’ll be one of your Web Dev committee
heads this year! Some of the things I enjoy doing include coding random
projects/sites and playing video games. I like playing table tennis a
lot and am always looking to improve my skills, so hit me up if you ever
want to play! I’m really into volunteering as well, so if you have any
questions, feel free to ask me. I look forward to working with you all
this year!
</p>
<img
class="pfp"
src="https://drive.google.com/uc?export=view&id=1RTQovQ6_4OyOhzktk1dMCxl43qVzM88P"
/>
</div>
<div class="hobbies section">
<h2>Hobbies</h2>
<div class="break"></div>
<div class="hobby">
<img
class="picture"
src="https://media.istockphoto.com/photos/table-tennis-ball-and-bat-picture-id502189498?k=20&m=502189498&s=612x612&w=0&h=rEzCEKuTFlA-LgoxSfCFV2OD5UdIDNn-Egsj2fMbUkE="
/>
<div class="info">
<h3>Table Tennis</h3>
<div class="break"></div>
<p>I've been playing for several years</p>
</div>
</div>
<div class="hobby">
<img
class="picture"
src="https://www.zelda.com/breath-of-the-wild/assets/icons/BOTW-Share_icon.jpg"
/>
<div class="info">
<h3>Video Games</h3>
<p>Breath of the Wild is the best video game I've played</p>
</div>
</div>
<div class="hobby">
<img
class="picture"
src="https://cdn.pixabay.com/photo/2018/02/22/18/21/laptop-3173613_1280.png"
/>
<div class="info">
<h3>Coding</h3>
<p>Oops HTML and CSS aren't coding languages</p>
</div>
</div>
</div>
<div class="anime section">
<h2>Favorite Anime</h2>
<div class="break"></div>
<div class="show">
<h2>Code Geass</h2>
<img
class="picture-2"
src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSheC3QxGN7KkWlrheYnos4KjDiHivUt-Lz-u4xvRbv5CT9tO5w"
/>
</div>
<div class="show">
<h2>Konosuba</h2>
<img
class="picture-2"
src="https://upload.wikimedia.org/wikipedia/en/thumb/3/3e/Kono_Subarashii_Sekai_ni_Shukufuku_o%21_light_novel_volume_1_cover.jpg/220px-Kono_Subarashii_Sekai_ni_Shukufuku_o%21_light_novel_volume_1_cover.jpg"
/>
</div>
<div class="show">
<h2>Hunter X Hunter</h2>
<img
class="picture-2"
src="https://m.media-amazon.com/images/M/MV5BZjNmZDhkN2QtNDYyZC00YzJmLTg0ODUtN2FjNjhhMzE3ZmUxXkEyXkFqcGdeQXVyNjc2NjA5MTU@._V1_FMjpg_UX1000_.jpg"
/>
</div>
</div>
<h2>Links</h2>
<div class="links section">
<a class="link" href="https://github.com/Anirudhx234" target="_blank"
>GitHub</a
>
<a class="link" href="https://hacktams.org/" target="_blank">hackTAMS</a>
</div>
</body>
</html>