-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (149 loc) · 6.26 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta property="og:url" content="https://kaushalji-123.github.io/My-portfolio/" />
<meta property="og:site_name" content="Divyanshu Kaushal / Front-end Developer / Portfolio"/>
<meta name="author" content="Divyanshu Kaushal" />
<meta name="description"
content="Hello my name is Divyanshu Kaushal, I'm frontend developer from india. Creating websites and web applications as well as mobile applications is my passion." />
<meta name="keywords" content="front-end developer, web developer, software developer, react developer, html, css ,Javascript" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<title>Divyanshu Kaushal</title>
<link rel="shortcut icon" type="image/x-icon" href="./assets/languages/codeDiv-Fav.png" />
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
<link rel="stylesheet" href="./css/main.css" />
</head>
<body style="overflow-y: hidden">
<div class="preloader">
<div class="loader">
<img src="./assets/340_loader_11.gif" alt="loader" />
</div>
</div>
<div class="site-menu" id="siteMenu">
<a class="site-menu__link site-menu__link--first" href="https://github.com/kaushalji-123">
<i class="fa fa-github"></i>
</a>
<a class="site-menu__link site-menu__link--second" href="https://www.linkedin.com/in/divyanshu-kaushal-73a428209/">
<i class="fa fa-linkedin"></i>
</a>
<a class="site-menu__link site-menu__link--second" href="https://www.linkedin.com/in/divyanshu-kaushal-73a428209/">
<i class="fa fa-twitter"></i>
</a>
<a class="site-menu__link " href="mailto:divyanshu.kaushaal@gmail.com" target="_blank">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="site">
<div class="navbar">
<div class="navbar__logo">
</div>
<div class="navbar__burger" id="menuBtn">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</div>
<div class="header__wrapper">
<div class="header">
<div class="header__left">
<div class="navbar__logo">
<a href=""><img href="#" src="./assets/languages/codeDiv-Fav.png" alt="logo"></a>
</div>
<div class="header__content">
<p class="header__fist">Hello</p>
<h1>I'm Divyanshu Kaushal </h1>
<p class="header__second">
<span class="auto-type"></span> <br />
</p>
<!-- <p class="header__third typewriter">I love exploring and creating 🚀 Beautiful Interfaces, Web Apps and everything in between . i'm lifelong learner 🎓 amazing thing and exploaring </p> -->
<p class="header__third">
I love exploring and creating 🚀 Beautiful Interfaces, Web Apps and <br>
everything in between . A lifelong learner 👨🏻💻i constantly exploring <br>
new trends, techniques, and tools to deliver the art of creating <br>
beautiful user experiences.
<h3>Read More </h3>
</p>
<!-- <p>creating 🚀 Beautiful Interfaces, Web Apps and everything in between . i'm lifelong learner 🎓 amazing thing and exploaring</p> -->
</div>
</div>
<div class="header__right">
<div class="hero__row">
<div class="hero__element">
<img src="./assets/languages/java-logo.png" alt="Java Logo" />
<p class="element__paragraph">Java</p>
</div>
<div class="hero__element">
<img src="./assets/languages/Javascript.svg" alt="Javascript Logo" />
<p class="element__paragraph">Javascript</p>
</div>
<div class="hero__element">
<img src="./assets/languages/sass.png" alt="Sass Logo" />
<p class="element__paragraph">Sass</p>
</div>
</div>
<div class="hero__row">
<div class="hero__element">
<img src="./assets/languages/React icon.svg" alt="React Logo" />
<p class="element__paragraph">React</p>
</div>
<div class="hero__element">
<img src="./assets/languages/tailwind.png" alt="Tailwind Logo" />
<p class="element__paragraph">Tailwind</p>
</div>
<div class="hero__element">
<img src="./assets/languages/figma.png" alt="Figma Logo" />
<p class="element__paragraph">Figma</p>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio__container">
<div id="skills"></div>
<div id="jsContainer" class="container"></div>
</div>
<div class="copyright">
By- <a href="#">Divyanshu Kaushal</a>
<a href="https://github.com/kaushalji-123" target="_blank">
<i class="fa fa-github fa-2x"></i>
</a>
<a href="https://www.linkedin.com/in/divyanshu-kaushal-73a428209/" target="_blank">
<i class="fa fa-linkedin fa-2x"></i>
</a>
<a href="https://twitter.com/kaushalji9373" target="_blank">
<i class="fa fa-twitter fa-2x" aria-hidden="true"></i>
</a>
<a href="mailto:divyanshu.kaushaal@gmail.com" target="_blank">
<i class="fa fa-envelope fa-2x" aria-hidden="true"></i>
</a>
<a class="meeting" href="https://calendly.com/divyanshu-kaushaal/30min">
<button class="btn">Schedule a Meeting with me
<i class="fa fa-phone" aria-hidden="true"></i>
</button>
</a>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
<script>
var typed = new Typed(".auto-type", {
strings: ["Front-end Devloper", "Web developer", "Software Developer"],
typeSpeed: 60,
backSpeed: 15,
loop: true
});
</script>
<script src="./script.js"></script>
<script src="./portfolio-container.js"></script>
</body>
</html>