-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (104 loc) · 5.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio - imsayanpaul</title>
<link rel="icon" type="image" href="src/icon.png">
</head>
<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:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<body>
<nav class="navi navbar-top">
<div class="left">
<a href="index.html"><<span class="sayan-color">imsayanpaul</span>/></a>
</div>
<div class="middle">
<ul>
<li><a class="home-list-a" href="index.html">Home</a></li>
<li><a href="about.html">About me</a></li>
<li><a href="service.html">Services</a></li>
</ul>
</div>
<div class="right">
<a href="contact.html"><button class="contact-me">Contact Me</button></a>
</div>
</nav>
<main>
<section class="sec-first">
<div class="pic-mobile">
<img class="circular--square" src="src/sp.jpg" alt="">
</div>
<div class="first-left">
<div class="hi">Hi, I'm</div>
<div class="sayanpaul">Sayan Paul,</div>
<div class="text">A Passionate <span class="frontend-text"><Frontend Web Developer/></span> with 3
months
experience creating user friendly websites.</div>
<a href="tel:+917003671562"><button class="book">Book a call</button></a>
</div>
<div class="first-right top-circle-img">
<img class="circular--square" src="src/sp.jpg" alt="">
</div>
</section>
<hr class="line">
<section class="sec-second">
<div class="sec-left">
<img class="sec-img" src="src/sp3.png" alt="">
</div>
<div class="sec-right">
<button class="about-button">About me</button>
<div class="about-text">
<div class="margin"><div class="about-2">About me</div></div>
<div class="about-d">
<div>Transforming visions into</div>
<div>exceptional portfolios</div>
</div>
</div>
<div class="about-details">
<!-- Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore, optio accusantium distinctio
deserunt facilis mollitia ex voluptate numquam magnam aut illo laborum corrupti enim labore in rerum
voluptatem architecto nihil cum quo. Aspernatur voluptates nostrum, molestias, laudantium
reprehenderit optio voluptatum amet consequuntur ullam reiciendis at ipsam illo! Soluta, ipsum
corrupti. -->
Specializing in website design, I excel at transforming concepts into stunning portfolios. With a focus on innovation, I create visually striking and user-friendly websites. Let's collaborate to bring your vision to life and showcase your work beautifully online.
</div>
</div>
</section>
<section class="sec-third">
<div class="top">
<center><button class="skill-button">Skills</button></center>
<div class="skill-text">
The skills, tools and technologies I am really good at:
</div>
</div>
</section>
<div class="fourth">
<div class="container">
<div class="img4"><img src="src/JS.png" alt=""></div>
<div class="img3"><img src="src/html.png" alt=""></div>
<div class="img4"><img src="src/CSS.png" alt=""></div>
<div class="img1"><img src="src/C.png" alt=""></div>
<div class="img2"><img src="src/cpp.png" alt=""></div>
</div>
</div>
<hr class="line2">
<nav class="nav-foot">
<div class="left-foot">
<<span class="sayan-color-foot">imsayanpaul</span>/>
</div>
<div class="right-foot">
<a href="tel:+917003671562"><div class="phone number">+91 7003671562</div></a>
<a href="mailto:imsayanpaul17@gmail.com"><div class="email mail">imsayanpaul17@gmail.com</div></a>
<a href="https://www.instagram.com/imsayanpaul"><img class="icon-img" src="src/instagram.png" alt=""></a>
<a href="https://www.facebook.com/sayan.paul.12"><img class="icon-img" src="src/facebook.png" alt=""></a>
<a href="https://twitter.com/i/flow/login?redirect_after_login=%2Fimsayanpaul"><img class="icon-img" src="src/twitter.png" alt=""></a>
</div>
</nav>
</main>
</body>
</html>