250px 10px 20px 1px: "En" "UTF-8" "X-UA-Compatible" "IE Edge" "Viewport" "Width Device-Width, Initial-Scale 1.0"

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 9

1

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resume</title>
<style>
.all{
display: flex;
}
.education{

width: 250px;

left: 10px;
margin: 20px;
border: 1px solid black;

.education h2{
text-decoration-line: underline;

}
.education a{
text-decoration: none;
font-size: 40px;
text-align: center;

color: #fdfdfd;
}
#linkedin{
height: 56px;
background-color: #0077b5;
border-radius: 10px;

body img{
border: 3px double black;
padding-left: 20px;
}
.extra{
/* width: 900px; */
font-size: large;
background-color: #ebe3e3;
}
.extra p{
color: rgb(85, 3, 3);
}
</style>
</head>
<body>
<h1 style="font-size: 70px;">Resume</h1>
<img src="image/jap.png" alt="image"></a>
<div class="all">
<div class="education">
<H2 >PERSONAL DETAILS</H2>
<div><p class="PERSONAL">CANDIDATE NAME: JAP TRUSHARKUMAR PATEL</p></div>
<div><p class="PERSONAL">FATHER`S NAME : TRUSHARKUMAR PATEL</p></div>
<div><p class="PERSONAL">DATE OF BIRTH: 15/10/2002</p></div>
<!-- <div><p class="PERSONAL">SEX:MALE</p></div> -->
<div><p class="PERSONAL">NATIONALITY: INDIAN</p></div>
<div><p class="PERSONAL">LANGUAGES KHOWS: ENGLISH,HINDI,GUJARATI</p></div>
</div>

<div class="education">
<H2>EDUCATION</H2>
<ul class="edu2"><li class="edu">B.TECH(CSE)</li><P>PARUL UNIVERSITY</P></ul>
<ul class="edu2"><li class="edu">H.S.C</li><P>SARDAR SCHOOL (VADODARA)</P></ul>
<ul class="edu2"><li class="edu">S.S.C</li><P>SARDAR SCHOOL (VADODARA)</P></ul>
</div>
<div class="education">
<H2>TECHNICAL SKILL</H2>
<ul class="edu2"><li class="edu">JAVA</li><P></P></ul>
<ul class="edu2"><li class="edu">C++</li><P></P></ul>
<ul class="edu2"><li class="edu">android studio</li><P></P></ul>
<ul class="edu2"><li class="edu">C</li><P></P></ul>
</div>
<div class="education">
<H2>NON-TECHNICAL SKILL</H2>
<ul class="edu2"><li class="edu">CREATIVITY</li><P></P></ul>
<ul class="edu2"><li class="edu">LEADERSHIP</li><P></P></ul>
<ul class="edu2"><li class="edu">TEAMWORK</li><P></P></ul>

</div>
<div class="education" id="linkedin">

<a href="https://www.linkedin.com/in/jap-patel-263a03162/?originalSubdomain=in">Linkedin Link</a>

</div>

</div>

<hr>

<div class="extra"><p>I Hereby Declare That the Above Mentioned Information Is Correct Up To My
Knowledge and I Bear the Responsibility for the Correctness of the Above mentioned
Particulars.</p></div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hariyali</title>
<style>
body{
background-image: url(image/resto.png);
}
h2{ display: block;
color: rgb(127, 127, 147);
border: 2px solid rgb(107, 52, 52);
margin-left: 550px;
font-size: 25px;
width: 250px;
background-color: rgb(81, 41, 41);
}
div p{
font-size: 42px;

}
.ull{
background-color: rgb(160, 99, 99);
font-style: normal;
margin: 10px 154px;
padding: 27px;
width: 275px;
font-size: 26px;
}
.veg{
display:inline-block;
position: absolute;
right: 282px;
padding: 27px;
top: 157px;
background-color: rgb(160, 99, 99);
font-size: 26px;
}
.lii{
color: rgb(9, 7, 11);
font-size: larger;
}
.menu{
align-items: center;
margin-left: 45%;

</style>
</head>
<body>
<h2>Hariyali restaurant</h2>
<div class="menu"><p>Menu</p></div>

<ul class="ull">
<li class="lii">soup</li>
<ul>
<li> Tometo Soup</li>
<li> Hot & sure Soup</li>
<li> man chow Soup</li>
<li> Manchurian Soup</li>
<hr>
</ul>
<li class="lii">Starters</li>
<ul>
<li>veg.Manchurian</li>
<li>paneer chilly</li>
<li>spring roll</li>
<li>paneer dry</li>
<hr>
</ul>
<li class="lii">Papad</li>
<ul>
<li>Rosted papad</li>
<li>Masala papad</li>
<li>Fry papad</li>
<li>chesse Masala papad</li>
<hr>
</ul>
</ul>

<ul class="veg">
<li class="lii">Vagetable</li>
<ul>
<li>Chana Masala</li>
<li>plan palak</li>
<li>Masala Kofta</li>
<li>veg. Kolhapuri</li>
<li>sev tamato</li>
<li>Lasaniya bataka</li>
<hr>
</ul>
<li class="lii">Paneer</li>
<ul>
<li>Paneer Tikka Masala</li>
<li>Paneer toofani</li>
<li>Paneer chily milly</li>
<li>Paneer Angara</li>
<li>Paneer butter masala</li>
<li>Paneer pasanda</li>
<li>Paneer Bhurji</li>
<li>Paneer singapuri</li>
<li>Paneer ra - ra</li>
<hr>
</ul>
</ul>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>table</title>

<style>
table,td{
border: 3px solid rgb(0, 0, 9);
font-size: 50px

}
.yellow{
background-color: rgb(204, 204, 104);
}
.blue{
background-color: rgb(72, 155, 226);
}
#color1{background-color: rgb(28, 145, 108);}
#color2{background-color: rgb(113, 64, 198);}
</style>
</head>
<body>
<table >
<tr>
<td colspan="4">Work Contact</td>
</tr>
<tr>
<td>Name</td>
<td>Email</td>
<td>phone</td>
<td>Floor/Block</td>
</tr>
<tr>
<td class="yellow">Fred</td>
<td class="blue">fred@megacrop.com</td>
<td class="yellow">123456</td>
<td rowspan="2" id="color1">1/A</td>
</tr>
<tr>
<td class="blue">jon</td>
<td class="yellow">jon@megacrop.com</td>
<td class="blue">234567</td>

</tr>
<tr>
<td class="yellow">bill</td>
<td class="blue">bill@megacrop.com</td>
<td class="yellow">344455</td>
<td rowspan="3" id="color2">3/A</td>

</tr>
<tr>
<td class="blue">Jane</td>
<td class="yellow">Jane@megacrop.com</td>
<td class="blue">444555</td>
</tr>
<tr>
<td class="yellow">Alison</td>
<td class="blue">alison@megacrop.com</td>
<td class="yellow">123321</td>
</tr>

</table>
</body>
</html>
4

<html>

<head>

<title>HTML Frames</title>

</head>

<frameset rows = "20%,60%,20%">

<frame name = "top" hello/>

<frameset cols="30% , 70%">

<frame name = "top" src = "myFirst.html" />

<frame name = "main" src = "/html/main_frame.html" />

</frameset>

<frame name = "main" src = "/html/main_frame.html" />

<frame name = "bottom" src = "/html/bottom_frame.html" />

</frameset>

</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* .box{
width: 400px;

}
.box1{
font-size: 70px;
}
#o1{background-color: #326789;}
#o2{background-color: #78A6C8;}
#o3{background-color: #E9EEF2;}
#o4{background-color: #E65C4F;}
.tr1{
background-color:greenyellow ;
}
.tr2{
background-color: blue;
} */
canvas{
border: 2px solid red;
}
</style>
</head>
<body>
<!-- <div class="box">
<div class="box1">
<p id="o1">Hello</p>
<p id="o2">Hello</p>
<p id="o3">Hello</p>
<p id="o4">Hello</p>
</div>
</div>
<table>
<tr class="tr1">
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr class="tr2">
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr class="tr1">
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
<tr class="tr2">
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
</tr>
</table> -->

<canvas id="myCanvas"></canvas>

<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
// ctx.font = "30px Arial";
// ctx.strokeText("Hello World",10,50);
ctx.arc(120,70,50,10,10* Math.PI) ;

ctx.stroke();
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<audio controls src="image/audio1.mp3" style="border: 3px solid black;"></audio>
<br>
<br>
<br>
<video co src="image/vid2.mp4" width="900" autoplay loop style="border: 5px solid black;">

</video>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
form{
border: 1px solid rgb(71, 70, 70);
width: 50%;
background-color: #659DBD;
}
</style>
</head>
<body>
<form action="backend.php" class="myform" >
<div>Enter First Name : <input type="text"></div><br>
<div>Enter Middle Name :<input type="text"></div><br>
<div>Enter Last Name :<input type="text"></div><br>

<div>Gender <input type="radio" >Male <input type="radio" > Female</div> <br>


<div>Address</div><textarea rows="10" cols="40"></textarea><br>
<br>
<div>Phone No : <input type="text"></div><br>
<div>Email id : <input type="text"></div><br>
<div>Hobbies<input type="checkbox" >Gameing
<input type="checkbox" >Reading
<input type="checkbox">Writeing
<input type="checkbox">Sleeping
<input type="checkbox" > Eating
</div><br>
<div>City : <input type="text"></div><br>
<div>State : <input type="text"></div><br>
<div>Country : <input type="text"></div><br>
<div><label for="College Namel">College Name</label>
<select >
<option >Parul University</option>
<option >K.J.I.T</option>
<option >M.S.U</option>
<option >I.I.T Bombay</option>
<option >M.I.T</option>
<option >G.T.U</option>
</select><br><br>
<div><input type="button" value="submit" style="width: 50px" ><input type="reset" value="reset" >
</div>

</div>

</form>

</body>
</html>

You might also like