-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (72 loc) · 3.52 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
<!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>Sagar Biswas</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Parisienne&display=swap"
rel="stylesheet">
</head>
<body>
<div class="heading">
<img class="dinosor1" src="images/dragon.gif" alt="Dinosor">
<img class="dinosor2" src="images/dragon.gif" alt="Dinosor">
<h1 class="myname">I'm <span class="name">Sagar Biswas</span></h1>
<p class="webdev">A Web Developer</p>
</div>
<div class="top-container">
<img class="cloud1 cloud" src="images/cloud.gif" alt="Cloud-img">
<img class="cloud2 cloud" src="images/cloud.gif" alt="Cloud-png">
<img class="cloud3 cloud" src="images/cloud.gif" alt="Cloud-img">
<img class="cloud4 cloud" src="images/cloud.gif" alt="Cloud-img">
<img class="party-animal" src="images/party-animal.gif" alt="Party-Animals">
</div>
<div class="middle-container">
<div class="profile">
<img class="sagarpic" src="images/SagarBiswas.jpg" alt="Sagar Biswas">
<h2>Hello.</h2>
<p>This is Sagar Biswas. I'm a Web Developer and a Software Engineer.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills</h2>
<img class="computer" src="images/computer-typing.gif" alt="computer-typing">
<div class="skill-row">
<img class="design computer2" src="images/graphic-design.png" alt="graphic-design">
<img class="design computer1" src="images/graphic-design.png" alt="graphic-design">
<h3>Web Design and Programming</h3>
<p class="skill-discription1">I love to Solve Puzzles from Childhood. Programming is my Hobbie. I've written my first line of Code at the
age of 13 when I was in class nine.</p>
</div>
<hr>
<div class="skill-row">
<h3>Artificial Intelligence</h3>
<img class="ai" src="images/ai.gif" alt="chillies">
<p class="skill-discription2">Artificial intelligence is impacting the future of virtually every industry and every human being. Artificial
intelligence has acted as the main driver of emerging technologies like big data, robotics and IoT, and it
will continue to act as a technological innovator for the foreseeable future.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h4>This is Just a Demonastration of My CSS Work</h4>
<p>If you have any querie or doubt then Contact me and follow me using social media link given bellow.</p>
<a class="btn" href="mailto:biswassagar927@email.com">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a href="https://www.facebook.com/Mr.SagarBiswas/" target="_blank"><img class="facebook-link"
src="images/facebook.png" alt="facebook-link"></a>
<a href="https://www.linkedin.com/in/sagar-biswas-1a9042210" target="_blank"><img class="LinkedIn-link"
src="images/linkedin.png" alt="LinkedIn-link"></a>
<a href="https://twitter.com/SagarDaOfficial" target="_blank"><img class="Twitter-link" src="images/twitter.png"
alt="Twitter-link"></a>
<p class="footer-p">© 2021 Sagar Biswas.</p>
</div>
</body>
</html>