-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
68 lines (66 loc) · 5.78 KB
/
index.html
File metadata and controls
68 lines (66 loc) · 5.78 KB
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
<!DOCTYPE html>
<html>
<head>
<!-- meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>neil tharol v1.1.3</title>
<meta name="description" content="hi im neil, coding is very poggers ">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="assets/Chaeyoung_at_Gaon_Awards_red_carpet_on_January_23,_2019.jpg"/>
<!-- css -->
<link href="assets/styles.css" rel="stylesheet" type="text/css"> <!-- main css -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.css" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/gh/ellekasai/twemoji-awesome@gh-pages/twemoji-awesome.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Open+Sans:wght@600&family=Otomanopee+One&display=swap" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/boxicons@2.0.8/css/boxicons.min.css" rel="stylesheet" type="text/css">
</head>
<body class="cursor-default select-none">
<!-- navbar -->
<nav class="w-full" data-aos="fade-right">
<div class="md: flex flex-row items-center justify-between w-full md:px-20 xl:px-40 2xl:px-52 md:pt-5 2xl:pt-10" style="transform: translateY(10px) translateZ(0);">
<div class="flex flex-row items-center justify-start" style="font-family: 'Open Sans', sans-serif;">
<a href="/" class="mr-4 font-medium text-2xl text-gray-200 hover:text-gray-400"><i class="bx bxs-home"></i></a>
<a href="/portfolio.html" class="mx-4 font-inter font-medium text-2xl text-gray-200 hover:text-gray-400">portfolio</a>
<a href="/skills.html" class="mx-4 font-inter font-medium text-2xl text-gray-200 hover:text-gray-400">skills</a>
</div>
<div class="flex flex-row items-center justify-end"></div>
</div>
</nav>
<div class="header">
<!-- main top -->
<main class="flex flex-col items-start justify-center w-full h-full overflow-x-hidden" style="transform: translateY(20px) translateZ(0);">
<div class="flex flex-col items-start justify-center my-24 md:my-32 2xl:my-52 px-6 md:px-0 md:pl-20 xl:pl-40 2xl:pl-52" data-aos="fade-up">
<div class="flex flex-col items-start justify-center mb-5">
<div class="flex flex-row items-center justify-start mb-2 md:mb-0" style="transform: translateY(10px) translateZ(0);">
<a target="_blank" href="https://github.com/Niruvibes" id="github" class="mr-2 font-medium text-3xl md:text-lg text-gray-300" style="font-family: 'Open Sans', sans-serif">
<i class="bx bxl-github"></i> <span class="md:inline">niru.vibes</span>
</a>
<a target="_blank" href="https://www.instagram.com/niru.vibes/" id="instagram" class="mr-2 font-medium text-3xl md:text-lg text-gray-300" style="font-family: 'Open Sans', sans-serif">
<i class="bx bxl-instagram"></i> <span class="md:inline">niru.vibes</span>
</a>
<a target="_blank" href="https://www.discord.gg/dhkpdvjXe" id="discord" class="ml-2 font-medium text-3xl md:text-lg text-gray-300 hover:text-gray-200" style="font-family: 'Open Sans', sans-serif;">
<i class="bx bxl-discord-alt"></i> <span class="md:inline">niruvibes</span>
</a>
</div>
<span class="font-inter font-bold text-6xl md:text-7xl xl:text-8xl text-white" style="transform: translateY(20px) translateZ(0); font-family: 'Dancing Script', cursive;">Neil Tharol</span>
<span class="font-inter text-2xl text-gray-400" style="transform: translateY(20px) translateZ(0); font-family: 'Open Sans', sans-serif;">Tech enthusiast and Coder</span>
</div>
<div class="flex flex-col items-start justify-center mt-5" style="transform: translateY(20px) translateZ(0) translateX(-10px);">
<div class="flex flex-col items-start justify-center ml-6">
<!-- <span class="font-inter md:text-xl xl:text-3xl text-gray-400" style="font-family: 'Lato', sans-serif;"><span class="wave"> <i class="twa twa-wave"></i> </span> hi, im neil, a university student in australia and who primarily works with <a href="https://www.python.org/" class="hover:text-gray-300">python</a> <br>i am currently learning <a href="https://www.java.com/en/" class="hover:text-gray-300">java</a> and am thinking about learning <a href="https://www.youtube.com/watch?v=Yb6dZ1IFlKc" class="hover:text-gray-300">C</a><br> -->
<span class="font-inter md:text-xl xl:text-3xl text-gray-400" style="font-family: 'Lato', sans-serif;"><span class="wave"> <i class="twa twa-wave"></i> </span> hi, im neil, a university student in australia and who is undergoing a Electrical Engineering and Computer Science degree<br>
<span class="font-inter font-medium italic text-sm xl:text-xl text-gray-500">i primarily use visual studio code however i have also used sublime text</span>
</div>
</div>
</div>
</main>
</div>
<!-- js -->
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/javascript/jsindex.js"></script>
<script type="text/javascript">AOS.init()</script>
</body>
</html>