-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathskills.html
More file actions
114 lines (109 loc) · 8.19 KB
/
Copy pathskills.html
File metadata and controls
114 lines (109 loc) · 8.19 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
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
<!DOCTYPE html>
<html>
<head>
<!-- meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>neil - skills 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/bfada58e3f3c16f3c7293aff301903df.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://cdn.jsdelivr.net/npm/boxicons@2.0.8/css/boxicons.min.css" rel="stylesheet" type="text/css">
<link href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 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>
<!-- main -->
<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 px-6 md:px-0 md:px-16 xl:px-40 2xl:px-52 w-full" data-aos="fade-up">
<div class="flex flex-col items-start justify-center mb-4">
<span class="mb-2 font-proxima font-bold text-4xl text-gray-300" style="transform:translateY(20px) translateZ(0)">CONCEPTS</span>
<div class="flex flex-row items-center justify-start flex-wrap mt-2" style="transform:translateY(20px) translateZ(0)">
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fas fa-router mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">FRONTEND WEB DESIGN</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fas fa-database mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">DATABASES</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-discord mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">DISCORD BOTS</span>
</div>
</div>
</div>
<div class="flex flex-col items-start justify-center my-4">
<span class="mb-2 font-proxima font-bold text-4xl text-gray-300" style="transform:translateY(20px) translateZ(0)">TECHNOLOGY / LANGUAGES</span>
<div class="flex flex-row items-center justify-start flex-wrap mt-2" style="transform:translateY(20px) translateZ(0)">
<div class="flex flex-row items-center justify-center mx-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-python mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">PYTHON</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-html5 mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">HTML5</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-css3-alt mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">CSS3</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fas fa-wave-sine mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">TAILWINDCSS</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-github mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">ACTIONS</span>
</div>
</div>
</div>
<div class="flex flex-col items-start justify-center mt-4">
<span class="mb-2 font-proxima font-bold text-4xl text-gray-300" style="transform:translateY(20px) translateZ(0)">SOFTWARE</span>
<div class="flex flex-row items-center justify-start flex-wrap mt-2" style="transform:translateY(20px) translateZ(0)">
<div class="flex flex-row items-center justify-center mx-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-github mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">GITHUB</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-figma mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">VSC</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-windows mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">WINDOWS</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-linux mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">LINUX</span>
</div>
<div class="flex flex-row items-center justify-center mx-2 my-2 py-2 px-4 bg-black bg-opacity-40 rounded">
<i class="fab fa-npm mr-1 text-xl text-gray-100"></i>
<span class="ml-1 font-proxima font-semibold text-xl text-gray-300">NPM</span>
</div>
</div>
</div>
</main>
<!-- 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/jsskills.js"></script>
<script type="text/javascript">AOS.init()</script>
</body>
</html>