-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutme.html
91 lines (86 loc) · 4.02 KB
/
aboutme.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
<!DOCTYPE html>
<html>
<head>
<title>About Us</title>
<link rel="stylesheet" type="text/css" href="homepage_style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
<div id="navbarc" class="navbarc">
<a href="index.html" id="home">Home</a>
<a href="aboutme.html" class="right">About Us</a>
<a href="conme.html" class="right">Contact Us</a>
<a href="GSA.html" class="right"><i class="fa fa-book" aria-hidden="true"></i></a>
<a href="covid.html" class="right"><i class="fa fa-user-md" aria-hidden="true"></i></a>
<a href="sort.html" class="right"><i class="fa fa-code" aria-hidden="true"></i></a>
</div>
<div class="row" style="width: calc(102%); background-image: url('conbkg.jpg'); padding-left: 100px; background-repeat: no-repeat; background-attachment: fixed; background-size: 100% 100%;">
<div>
<h1 style="padding-left: 540px;color: white; padding-top:30px;">About Us</h1>
<br>
</div>
</div>
<div class="conus" style="padding-top: 30px; padding-left: 310px;">
<span>
<img src="anand.jpg" alt="Avatar" style="width:200px; height: 200px; border-radius:50%; padding-top: 20px;">
</span>
<span>
<h1 style="color: white; padding-left: 100px;padding-top: 30px;">Anand Aggarwal</h1>
<p style="color: white; padding-left: 60px;padding-top: 20px;"><i>I am a 2nd year student, currently pursuing B.Tech in CSE, at NIT Hamirpur.<br>I am very curious about Computer Science, and like to expand my knowledge in various fields of this subject,<br> Computer Organisation being one of them.</i></p>
</span>
</div>
<div class="conus" style="padding-top: 30px; padding-left: 310px;">
<span>
<img src="divyagunjan.jpeg" alt="Avatar" style="width:200px;height: 200px; border-radius:50%; padding-top: 20px;">
</span>
<span>
<h1 style="color: white; padding-left: 100px;padding-top: 30px;">Divya Gunjan</h1>
<p style="color: white; padding-left: 60px;padding-top: 20px;"><i>I am a 2nd year student, currently pursuing B.Tech in CSE, at NIT Hamirpur. <br> An important aspect of any computer system is problem solving,<br> a skill I believe is essential for life.<br> The more I learn about a computer system, the more I learn about life.</i></p>
</span>
</div>
<div class="conus" style="padding-top: 30px; padding-left: 310px;">
<span>
<img src="nandagangaram.jpeg" alt="Avatar" style="width:200px; height: 200px; border-radius:50%; padding-top: 20px;">
</span>
<span>
<h1 style="color: white; padding-left: 100px;padding-top: 30px;">Nanda Bendkoli</h1>
<p style="color: white; padding-left: 60px;padding-top: 20px;"><i>I am a 2nd year student, currently pursuing B.Tech in CSE, at NIT Hamirpur.<br>It is one of the topics asked in the computer section and is very important.<br> Hence I like to knowing the information about computer organisation.</i></p>
</span>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
<script>
window.onscroll = function() {myFunction()};
var navbarc = document.getElementById("navbarc");
var sticky = navbarc.offsetTop;
function myFunction() {
if (window.pageYOffset >= sticky) {
navbarc.classList.add("sticky")
} else {
navbarc.classList.remove("sticky");
}
}
</script>
<footer>
<div style="float: right; padding-right: 600px;">
<a href="https://www.facebook.com/" class="fa fa-facebook"></a>
<a href="https://www.twitter.com/" class="fa fa-twitter"></a>
<a href="https://www.youtube.com/" class="fa fa-youtube"></a>
<a href="https://www.instagram.com/" class="fa fa-instagram"></a>
</div>
<h4 style="color: white; padding-left: 20px; padding-top: 10px; text-align: left;">Reach us</h4>
</footer>
</body>
</html>