-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (96 loc) · 3.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home | Sai Karthik</title>
<link rel="stylesheet" href="/styles/styles.css" />
</head>
<body>
<nav class="navigation container">
<div class="nav-brand">SAI KARTHIK</div>
<ul class="nav-pills">
<li class="list-item-inline">
<a class="link link-active" href="/">home</a>
</li>
<li class="list-item-inline">
<a class="link" href="/pages/projects.html">projects</a>
</li>
<li class="list-item-inline">
<a class="link" href="/pages/blogs.html">blogs</a>
</li>
</ul>
</nav>
<header class="hero">
<img class="hero-img" src="/images/hero.svg" />
<h1 class="hero-heading">
Hi, I'm Sai Karthik. I am a
<span class="heading-inverted">React JS Developer</span> living in
India.
</h1>
</header>
<section class="section ow">
<div class="container-center">
<h1>technologies</h1>
<p>
I am familiar with HTML, CSS, Responsive Web Design, SCSS, Bootstrap, Material UI, Kendo UI, JavaScript, ES6, TypeScript, React JS, Redux, Jest, React Testing Library, Webpack, Micro Frontend, Performance Optimization, Node JS, Git, Github, JIRA, and Confluence. I am currently working at Cornerstone OnDemand.
</p>
</div>
</section>
<section class="section">
<div class="container-center">
<h1>projects</h1>
<p>
I like to showcase my work and thus, you can see my projects hosted online. Here are a few projects I've worked on recently.
</p>
<a class="link link-primary" href="/pages/projects.html"
>See Projects</a
>
</div>
</section>
<section class="section ow">
<div class="container-center">
<h1>blogs</h1>
<p>
I am also working on some technical and non-technical blogs. I like to document my journey of learning.
</p>
<a class="link link-secondary" href="/pages/blogs.html">Read Blogs</a>
</div>
</section>
<footer class="footer">
<div class="footer-header">connect to me via social media</div>
<ul class="list-non-bullet">
<li class="list-item-inline">
<a
class="link"
href="https://github.com/sai-karthik-p"
target="_blank"
rel="noopener noreferrer"
>
github
</a>
</li>
<li class="list-item-inline">
<a
class="link"
href="https://www.linkedin.com/in/sai-karthik-p/"
target="_blank"
rel="noopener noreferrer"
>
linkedin
</a>
</li>
<li class="list-item-inline">
<a
class="link"
href="https://twitter.com/SaikarthikP"
target="_blank"
rel="noopener noreferrer"
>
twitter
</a>
</li>
</ul>
</footer>
</body>
</html>