CSN-101/project.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
<!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;
			}

	ul.name1{
		position: absolute;
		top:270px;
		font-size: 57px;
		list-style-type: none;
		text-transform: uppercase;
		line-height: 1.2em;
	}

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

	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;
	}

	li.name2{
		font-size: 45px;
		line-height: 3.5em;

	}

	.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>PROJECT <br>EXPERIENCES<hr></strong>
		<ul class="name1">
			<li><b>#</b>Created a basic banking system using C++<b>#</b></li>
			<li><b>#</b>Created an effective employee data management software using c++<b>#</b></li>
			<li class="name2">More Projects coming soon..</li>
		</ul>
	</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>
</body>
</html>