-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (142 loc) · 6.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Roshan Awesome Portfolio</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3EL6J7KW55"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3EL6J7KW55');
</script>
</head>
<body>
<nav class="navbar">
<a class="navv" href="#">Roshan Bajgain</a>
<img class="menu" src="Image/Union.png" alt="Menu">
<div class="menu-items">
<img class="close-btn" src="Image/x.svg" alt="close-botton">
<ul class="nav1">
<li><a class="information" href="#">Portfolio</a></li>
<li><a class="information" href="#about-myself">About</a></li>
<li><a class="information" href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<section class="landing-section">
<div class="content content1">
<h1 class="para">I’m Roshan <br> Glad to see you!</h1>
<p class="para1">I’m a software developer! I can help you build a product , feature or website Look through some of my work and experience! If you like what you see and have a project you need coded, don’t hestiate to contact me.</p>
<h2>LET’S CONNECT</h2>
<div>
<ul class="social-icons">
<li><a class="icon twitter" href="https://twitter.com/RoshanBajgain10"><img src="Image/Vector1.png" alt="icon of twitter"></a></li>
<li><a class="icon linkedinicon" href="https://www.linkedin.com/in/roshan-bazgain/"><img src="Image/Linkedinicon.png" alt="icon of linkedin"></a></li>
<li><a class="icon img4" href="#"><img src="Image/Vector4.png" alt="icon of medium"></a></li>
<li><a class="icon img5" href="https://github.com/roshan-bajgain"><img src="Image/Vector5.png" alt="icon of github"></a></li>
<li><a class="icon img6" href="https://angel.co/u/roshan-bajgain"><img src="Image/Vector6.png" alt="icon of anjelist"></a></li>
</ul>
</div>
</div>
</section>
<section id="projects">
<h2 class="project"></h2>
</section>
<section id="work-section" class="works-container">
</section>
<section id="work-popup-section" class="modal">
</section>
<section id="about-myself" class="Myself">
<div class="snapp">
<h3 class="para">About<br> Myself </h3>
<p class="para1">Hello I’m a software developer! I can help you build a product , feature or website Look through some of my work and experience! If you like what you see and have a project you need coded, don’t hestiate to contact me.</p>
<h2>LET’S CONNECT</h2>
<div>
<ul class="social-icons">
<li><a class="icon twitter" href="#"><img src="Image/Vector5.png" alt="icon of twitter"></a></li>
<li><a class="icon linkedinicon" href="#"><img src="Image/Linkedinicon.png" alt="icon of linkedin"></a></li>
<li><a class="icon img4" href="#"><img src="Image/Vector6.png" alt="icon of medium"></a></li>
<li><a class="icon img5" href="#"><img src="Image/Vector1.png" alt="icon of github"></a></li>
<li><a class="icon img6" href="#"><img src="Image/Vector4.png" alt="icon of anjelist"></a></li>
</ul>
</div>
<button class="btn3" type="button">Get my resume</button>
</div>
<div class="content2">
<div>
<ul class="list">
<li class="skill-item">
<h3 class="skill__heading">
<span class="lang">Langguages</span>
<img class="dropdown" src="Image/Dropdown.png" alt="Dropdown-menu">
</h3>
<ul class="js">
<li>
<div class="logo">
<img src="Image/Js-logo.png" alt="logo of javascript">
<span class="js-task">JavaSript</span>
</div>
</li>
</ul>
<ul class="js">
<li>
<div class="logo">
<img src="Image/HTML-logo.png" alt="logo of HTML">
<span class="js-task">HTMl</span>
</div>
</li>
</ul>
<ul class="js">
<li>
<div class="logo">
<img src="Image/css-logo.png" alt="logo of css">
<span class="js-task">css</span>
</div>
</li>
</ul>
</li>
<li class="skill-item">
<h3 class="skill__heading">
<span class="lang">Frameworks</span>
<img class="dropdown" src="Image/Dropright.png" alt="Dropdown-menu">
</h3>
</li>
<li class="skill-item">
<h3 class="skill_heading">
<span class="lang">Skills</span>
<img class="dropdown" src="Image/Dropright.png" alt="Dropdown-menu">
</h3>
</li>
</ul>
</div>
</div>
</section>
<section id="contact" class="contact-form">
<div class="fom">
<h1 class="contact-heading">Contact me</h1>
<p class="contact-para">If you have an application you are interested in developing, a feature that you need built or a project that needs coding. I’d love to help with it</p>
<div class="form">
<form action="https://formspree.io/f/mbjqpebd" method="POST" class="contact-form" id="subscribe">
<input type="text" class="fomm" id="name" name="User-name" placeholder="Your Name" minlength="1" maxlength="30" required><br>
<input type="email" class="fomm" id="email" name="email-address" placeholder="Example@gmail.com" required><br>
<textarea class="text" id="msg" name="user-message" placeholder="Write your message here" maxlength="500" required></textarea>
<div class="div-button">
<button class="btnn" type="submit"> Get It Touch</button>
<small id="error-message"></small>
</div>
</form>
<div class="shape"></div>
</div>
</div>
</section>
<script src="app.js"></script>
</body>
</html>