-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (118 loc) · 5.5 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
<!DOCTYPE html>
<html>
<head>
<title>Suraj Babu Portfolio</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="preconect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/brands.min.css"
integrity="sha512-W/zrbCncQnky/EzL+/AYwTtosvrM+YG/V6piQLSe2HuKS6cmbw89kjYkp3tWFn1dkWV7L1ruvJyKbLz73Vlgfg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="hero">
<nav>
<h2 class="logo">Portfo<span>lio</span></h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#serv">Services</a></li>
<li><a href="#">Skills</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
<a href="#" class="btn">Subscribe</a>
</nav>
<div class="content">
<h4>Hello, my name is</h4>
<h1>Suraj <span>Babu</span></h1>
<h3>I am an Android App Developer and Frontend Developer.</h3>
<div class="newslatter">
<h4>Download my resume</h4>
<button type="button"><a
href="https://drive.google.com/open?id=1-O2rhk_BV_RsdnOWmYorAyUvIqWklxLW&usp=drive_fs">Download</a></button>
</div>
</div>
</div>
<!----About Section----->
<section class="about">
<div class="main">
<img src="images/about.jpg">
<div class="about-text">
<h2>About Me</h2>
<h5>Developer <span>& Designer</span></h5>
<p>I am a dedicated and ambitious Computer Science and Engineering student at Heritage Institute of
Technology, Kolkata. My passion for technology and innovation drives me to constantly explore and
expand my skill set.
<br>
<br>
Education:
Currently pursuing a degree in Computer Science and Engineering at Heritage Institute of Technology,
Kolkata.
<br>
<br>
Skills:
Proficient in Android app development using Kotlin and XML, creating interactive and user-friendly
mobile experiences.
Skilled in frontend web development, utilizing HTML and CSS to design visually appealing and
responsive web interfaces.
Familiar with programming languages such as C, Python and Java, allowing me to approach a diverse
range of technical challenges.
</p>
<button type="button">Let's Talk</button>
</div>
</div>
</section>
<!----Service Section---->
<div class="service" id="serv">
<div class="title">
<h2>Our Services</h2>
</div>
<div class="box">
<div class="card">
<i class="fa-regular fa-window-restore"></i>
<h5>Front-End Development</h5>
<div class="pra">
<p>Every website should be built with two primary goals: Firstly, it needs to work across all
devices. Secondly, it needs to be fast as possible.</p>
<p style="text-align: center;">
<a class="button" href="#">Read More</a>
</p>
</div>
</div>
<div class="card">
<i class="fa-brands fa-android"></i>
<h5>Android App Development</h5>
<div class="pra">
<p>We provides services for Android App Development. Our Applications are durable and Friendly with
every user. Anyoone can operate it easily.</p>
<p style="text-align: center;">
<a class="button" href="#">Read More</a>
</p>
</div>
</div>
</div>
</div>
<!----Contact Me---->
<div class="contact-me" id="contact">
<p>Let Me Get You A Beautiful Website and Creative Apps.</p>
<a class="button-two" href="#">Hire Me</a>
</div>
<!----Footer----->
<footer>
<p>Suraj Babu</p>
<p>Follow me on:</p>
<div class="social">
<a href="https://www.facebook.com/surajbabuofficial" target="_blank"><i
class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.instagram.com/surajbabu.exe/" target="_blank"><i
class="fa-brands fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/suraj-babu-250a6a253/" target="_blank"><i
class="fa-brands fa-linkedin-in"></i></a>
<a href="https://github.com/BabuGithubWala" target="_blank"><i class="fa-brands fa-github"></i></a>
</div>
<p class="end"><i class="fa-regular fa-copyright"></i>CopyRight by Suraj Babu</p>
</footer>
</body>
</html>