-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathme.html
138 lines (119 loc) · 4.4 KB
/
me.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
<!DOCTYPE HTML>
<title>About-Sai Suman</title>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="icon" type="image/jpg" href="images/Sai.png" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- loader -->
<div id="preloader"></div>
<!-- Nav -->
<nav id="nav">
<ul class="container">
<li><a href="index.html#work">Projects</a></li>
<li><a href="index.html#portfolio">Awards</a></li>
<li><a href="index.html#PROGRAMS">Programs</a></li>
<li><a href="index.html">Back</a></li>
</ul>
</nav>
<P></P>
<style>
.b {
width: 100%;
max-width: 800px;
margin: 3em auto;
border: 5px;
text-align: justify;
position: sticky;
}
.b1 {
width: 100%;
max-width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.c {
width: 80%;
max-width: 1000px;
text-align: justify;
}
.d {
width: 100%;
max-width: 400px;
margin: 3em auto;
border-radius: 300px;
border: 10px solid #282828;
text-align: justify;
position: sticky;
float: right;
}
</style>
<img class="d" src="images/Sai.jpg" alt="">
<!-- <div class='b'> -->
<!-- <div class="b1"> -->
<center><h3 class="c">Hi my name is Sai Suman Bebarta, and I am a student innovator who is passionate about using technology
and creativity to solve real-world problems.
I have always been fascinated by the power of innovation to drive positive change in the world, and I am dedicated
to using my skills and knowledge to make a difference. Whether I'm working on a new software project or exploring
the latest advancements in technology, I am constantly seeking new and innovative ways to improve the lives of
others.
I am particularly interested in problem solving,microcontrollers,drones and programming, and I have spent countless
hours researching, experimenting, and developing new solutions in this area. I have been fortunate enough to
collaborate with other experts and thought leaders in the field.
In my free time, I enjoy going through the process of trial and error, and I am always looking for new opportunities
to challenge myself and expand my skillset. Whether I'm working on a personal project or volunteering in my
community, I believe that every day presents a new opportunity to learn and grow.
I am excited to continue exploring new ideas and working towards a better future for all. If you have any questions
or would like to connect, please feel free to reach out!</h3></center>
<!-- </div>
</div> -->
<!-- loader -->
<article id="contact" class="wrapper style4">
<div class="container medium">
<header>
<h2>CONTACT</h2>
<h4>For any support please contact me at <a style="color: darkcyan;"
href="mailto:[email protected]">[email protected]</a></h4>
</header>
<div class="row">
</div>
<hr />
<h3>Find me on ...</h3>
<ul class="social">
<li><a href="https://www.instagram.com/saisumanbebarta/" class="icon brands fa-instagram"><span
class="label">instagram</span></a></li>
<li><a href="https://www.facebook.com/saisuman.bebarta.3" class="icon brands fa-facebook-f"><span
class="label">Facebook</span></a></li>
<li><a href="https://github.com/Saisumanbebarta" class="icon brands fa-github"><span
class="label">Github</span></a></li>
</ul>
<hr />
</div>
</div>
<footer>
<ul id="copyright">
<li>© Sai Suman Bebarta. All rights reserved.</li>
</ul>
</footer>
</div>
</article>
<script>
var loader = document.getElementById("preloader");
window.addEventListener("load", function () {
var now = new Date();
var uptoTime = new Date(now.getTime() + 2000);
var op = 1;
setInterval(() => {
op = op - 0.05;
loader.style.opacity = op
if (new Date().getTime() > uptoTime) {
loader.style.display = "none";
}
}, 100);
})
</script>
<!-- loader -->
</body>