CSN-101/weblink.html at master · somaniraghav/CSN-101 · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="utf-8">
	<meta name="description" content="A web page about Raghav Somani">
    <meta name="author" content="Raghav Somani">
	<title>Raghav Somani</title>
	<style>
  		html body,*{
    		left: 0;
    		right: 0;
    		bottom: 0;
    		top: 0;
    		margin: 0;
  			}

  		.header {
    		position: absolute;
    		height: 80px;
   			width: 100%;
    		top: 100px;
    		text-align: center;
    		font-family: Arial, Verdana, sans-serif;
    		font-size: 100px;
   	 		color:#ffffff;
    		z-index: 1;
			}

	.body {
    	position: absolute;
    	width:100%;
    	height: 900px;
    	margin: 0px 0px 0px 0px;
    	z-index: 0.9;
	}

	p.class1{
		position: absolute;
        font-size: 70px;
        z-index:2;
        top:250px;
	}

    p.class2{
        position: absolute;
        font-size: 70px;
        z-index:2;
        top:315px;
    }

    p.class3{
        position: absolute;
        font-size: 70px;
        z-index:2;
        top:380px;
    }

    p.class4{
        position: absolute;
        font-size: 70px;
        z-index:2;
        top:445px;
    }

	ul.name{
    	width: 1900px;
    	text-align: center;
    	padding: 15px;
    	margin: 0px auto 0px auto;
    	text-transform: uppercase;
    	background-color: rgba(0,0,0,0.5);
	}

	li.name{
    	display: inline;
    	padding-left:3.5px ;
    	padding-right:3.5px;
    	z-index: 1.5;
	}

	.main{
    	position:fixed;
    	top:0px;
    	color: #ffffff;
    	font-family:Helvetica,Arial,Verdana, sans-serif;
    	font-size: 20px;
    	z-index: 1;
	}

	a {
    	color: #ffffff;
     	text-transform: uppercase;
     	text-decoration: none;
    	padding: 2px 1px 2px 1px;
 	}

	 a:hover,a.on{
    	color: #cc3333;
	}

  	</style>
</head>
<body>
	<div class="header">
		<strong>SOME USEFUL <br>WEBLINKS<hr></strong>
	</div>
	<img src="images/m-3.jpg" alt="EDUCATION" class="body" />
	<div class="main">
		<ul class="name">
			<li class="name"><a href="index.html"><b>About me</b></a></li>
			<li class="name"><a href="education.html"><b>Education</b></a></li>
			<li class="name"><a href="project.html"><b>Project Experiences</b></a></li>
			<li class="name"><a href="interest.html"><b>Interests</b></a></li>
			<li class="name"><a href="hobby.html"><b>Hobbies</b></a></li>
			<li class="name"><a href="blog.html"><b>Blogs</b></a></li>
			<li class="name"><a href="memories.html"><b>Memories</b></a></li>
			<li class="name"><a href="weblink.html"><b>Weblinks</b></a></li>
			<li class="name"><a href="contact.html"><b>Contact</b></a></li>
		</ul>
	</div>
    <div class="header">
        <p class="class1"><a href="https://www.khanacademy.org/" target="_blank">Khan Academy</a></p>
        <p class="class2"><a href="https://www.geeksforgeeks.org/" target="_blank">Geeks for Geeks</a></p>
        <p class="class3"><a href="https://www.codechef.com/" target="_blank">Code Chef</a></p>
        <p class="class4"><a href="https://www.udemy.com/" target="_blank">Udemy</a></p>
    </div>
</body>
</html>