;'].
.
</html>
<head>
<title>Sayed</title>
<link rel="stylesheet" type="text/css" href="sheet.css">
</head>
<body>
<div class="first" id="firsts">
<h1 id="website">SAYED ABID ALI</h1>
<div class="firstmenu">
<ul>
<li><a href="#firsts">Home</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#works">Works</a></li>
<li><a href="#aboutme">About</a></li>
<li><a href="#passion">Passion</a></li>
<li><a href="#contact">Contacts</a></li>
</ul>
</div>
</div>
<div class="home">
<p class="home">This is about what I'M.</p>
</div>
<div>
<table width="100%" margin-top="-10">
<tr>
<td><h2>Welcome to My Website</h2></td>
<td rowspan="2"><img src="3.jpg" width="100" height="120"/></td>
<td rowspan="2"><img src="4.jpg" width="100" height="120"/></td>
</tr>
<tr>
<td><h3>On this website there is Everything about Me.</h3></td>
</tr>
</table>
</div>
<div class="second" id="skills" >
<h1 id="p1">Skills</h1>
<div>
<ul>
<li>Software Troubleshooting</li>
<li>IT Troubleshooting</li>
<li>LAN Networking</li>
<li>Hardware Troubleshooting</li>
<li>Programming</li>
<li>DTP's</li>
</ul>
</div>
</div>
<div class="third" id="works" >
<h1 id="p1">Works</h1>
<ul >
<li>Work as Intern at BHU Inspire Camp</li>
<li>Work as Event Co-Ordinator during Seminar at ECC</li>
<li>Work as Cyber-Cafe Manager</li>
</ul>
</div>
<div class="fourth" id="aboutme" >
<h1 id="p1">About Me</h1>
<ul >
<li>SAYED ABID ALI</li>
<li>M.C.A.</li>
<li>Ewing Christan Institue Of Management & Technology</li>
<li>Allahabad - U.P.T.U. </li>
</ul>
</div>
<div class="fifth" id="passion" >
<h1 id="p1">Passion</h1>
<p class="hom">Passionate about taking challanges and done it before the schedule</p>
</div>
<div class="sixth" id="contact" >
<h1 id="p1">Contact</h1>
<center>
<img src="2.png" width="150" height="200"/>
<h3>SAYED ABID ALI</h3>
<h3>WTCA321@gmail.com</h3>
<h3>+91 7398924000</h3>
</center>
</div>
<div class="seventh" >
<h1 id="p1">Copyright © Sayed 2021</h1>
</div>
</body>
</html>
body{
margin-top:-30px;
text-align: Left;
}
#website{
font-size: 30px;
color: aqua;
padding-top:10px;
padding-left:20px;
padding-bottom:10px;
font-family: "medusa","comic sans MS","Sans Serif";
float:left;
}
#firsts{
background-image: url("333.jpg");
background-repeat: repeat;
background-position: top;
height:80px;
}
.firstmenu ul{
list-style-type: none;
text-align:right;
}
.firstmenu ul li{
display: inline-block;
padding-top:25px;
padding-bottom:10px;
text-align:right;
font-size:20px
}
.firstmenu ul li a{
display: block;
text-decoration: none;
text-transform: none;
color: #FAE7D0;
border: 2px solid transparent;
border-radius: 5px;
padding: 10px 20px;
}
.firstmenu ul li a:hover{
color: #AAA7D0;
border: 2px solid transparent;
border-color:red;
border-radius:5px;
padding: 10px 20px;
}
.home{
display:block;
background-image: url("cycle.jpg");
background-repeat: none;
background-position:center;
height:400px;
margin-top:-50px;
}
.hom{
display: block;
margin-left:10px;
padding-top: 250px;
color: skyblue;
text-decoration:comic sans ms,arial;
text-align:center;
font-size:50px;
}
h2{
font-size: 20px;
color: Red;
font-family: "comic sans MS","Sans Serif";
}
#p1{
padding-top: 40px;
text-align: center;
text-decoration:"times new roman";
color:yellow;
font-size:30px;
}
.second{
margin-top:-25px;
background-image: url("girl.jpg");
background-repeat: repeat;
background-position: bottom;
height:500px;
}
.second ul{
list-style-type: none;
text-align:right;
display:block;
padding-right:25px;
}
.second ul li{
padding-top:25px;
text-decoration:"comic sans ms","arial","times new roman";
color:aqua;
font-size:25px
}
.third{
margin-top:-25px;
background-image: url("bg1.jpg");
background-repeat: repeat;
background-position: center;
height:500px;
}
.fourth{
margin-top:-25px;
background-image: url("bg2.jpg");
background-repeat: repeat;
background-position: center;
height:500px;
}
.fifth{
margin-top:-25px;
background-image: url("bg5.jpg");
background-repeat: repeat;
background-position: center;
height:500px;
}
.sixth{
margin-top:-25px;
background-image: url("bg.jpg");
background-repeat: repeat;
background-position: center;
height:450px;
}
.seventh{
margin-top:-25px;
background-image: url("333.jpg");
background-repeat: repeat;
background-position: center;
height:100px;
}
.third ul{
list-style-type: none;
}
.third ul li{
display:block;
padding-top:25px;
text-decoration:"comic sans ms","arial","times new roman";
color:aqua;
padding-bottom:10px;
text-align:center;
font-size:20px
}
.fourth ul{
list-style-type:none;
}
.fourth ul li{
display:block;
padding-top:25px;
text-decoration:"comic sans ms","arial","times new roman";
color:aqua;
padding-bottom:10px;
text-align:center;
font-size:20px
}
h3{
font-size: 20px;
color: aqua;
font-family: "comic sans MS","Sans Serif";
}
.fifth ul li{
display:block;
padding-top:25px;
text-decoration:"comic sans ms","arial","times new roman";
color:aqua;
padding-bottom:10px;
text-align:center;
font-size:20px
}
Comments
Post a Comment