HTML
<html>
<head>
<title>Project Management</title>
<link rel=”stylesheet” href=”1.css”>
</head>
<body>
<h2>Project Management</h2>
<table cellpadding=”10″ cellspacing=”2″ align=”center”>
<th class=”row1″>Project Name</th>
<tr>
<td class=”col1″>Project Name</td>
<td class=”col2″><input type=”text” name=”project name” id=”PName” placeholder=”project name”></td>
</tr>
<th class=”row1″>Assigned to</th>
<tr>
<td class=”col1″>Assigned to</td>
<td class=”col2″>
<select name=”person” id=”projectAssigned”>
<option value=”Er Merry Petision”>Er Merry Petision</option>
<option value=”Er Deepak Bhusan”>Er Deepak Bhusan</option>
<option value=”Er Robert Watson”>Er Robert Watson</option>
</select>
</td>
</tr>
<th class=”row1″>Start Date</th>
<tr>
<td class=”col1″>Start Date</td>
<td class=”col2″><input type=”date” name=”Start Date” id=”SDate”
class=”startDate”></td>
</tr>
<th class=”row1″>End Date</th>
<tr>
<td class=”col1″>End Date</td>
<td class=”col2″><input type=”date” name=”End date” id=”EDate”
class=”endDate”></td>
</tr>
<th class=”row1″>Priority</th>
<tr>
<td class=”col1″>Priority</td><td class=”col2″>
<input type=”radio” name=”priority” id=”high” value=”High”> High
<input type=”radio” name=”priority” id=”average” value=”Average”>
Average
<input type=”radio” name=”priority” id=”low” value=”Low”> Low
</td>
</tr>
<th class=”row1″>Description</th>
<tr>
<td class=”col1″>Description</td>
<td class=”col2″><textarea name=”description” id=”description”
cols=”35″ rows=”4″></textarea></td>
</tr>
<tr colspan=”2″ align=”center”>
<td>
<button type=”submit” class=”submit1″
onclick=”submitProjectDetails()”>Submit</button>
</td>
<td>
<button type=”reset” class=”reset1″
onclick=”resetProjectDetails()”>Clear</button>
</td>
</tr>
<tr colspan=”1″ align=”center”>
<td>
<button type=”reset” class=”reset2″
onclick=”resetProjectDetails()”>Clear</button>
</td>
</tr></table>
</body>
</html>
STYLE SHEET
1.css
h2 {
font-family: Arial;
font-size: 25px;
font-style: normal;
font-weight: bold;
color: black;
text-align: center;
text-decoration: underline;
}
table {
background-color: rgb(107, 250, 243);
font-size: 18px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
border-radius: 4px;
}
input[type=text] {
box-sizing: border-box;
width: 80%;
padding: 10px 5px;
margin-top: 15px;
margin-right: 15px;
border-radius: 5px;
}
input[type=date] {
box-sizing: border-box;
width: 80%;
margin: 8px 0;
padding: 8px 5px;
border-radius: 5px;
}
select {
box-sizing: border-box;
width: 80%;
margin: 8px 0;
padding: 10px 5px;
border-radius: 5px;
}
textarea {
padding: 2px;
line-height: 1;
border-radius: 5px;
box-sizing: border-box;
}
.reset1 {
width: 30%;
background-color: #547ef3;
color: white;
padding: 12px 8px;
margin-right: 50px;
margin-left: -50px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
margin-top: auto;
}
.reset2:hover{
background-color: #584ca0;
}
button[type=submit] {
width: 65%;
padding: 12px 8px;
margin-left: 80px;
margin-top: auto;
/* margin-bottom: 20px; */
margin-right: -20px;
border: none;
border-radius: 4px;
cursor: pointer;
background-color: #33d439;
color: white;
font-size: 15px;
}button[type=submit]:hover {
background-color: #45a049;
}
.row1{
visibility: hidden;
display: none;
}
.reset2{
visibility: hidden;
display: none;
}
CSS
SlipNo2 Write a program using html with following CSS
specifications-
[15]
The background colour of the company name should be
in green.
The text colour of the company name should be red.
iii.
The heading should be large –with font ”comic sans ms”
The description of the company should be displayed in
blue color in a paragraph.
<html>
<head><title>Company</title>
<style>
h1{
color: orange;
font-family: Comic Sans MS;
}
pre{
color: blue;font-size: 25px;
}
font{
background-color: green;
}
</style>
</head>
<body>
<div>
<h1 aligh=center><b>Company’s Website</b></h1>
<font size=”6″ color=”red”>Sample Company</font>
<pre>
This is very famous in Pune.
It is IT Company.
It is a Service Based Company.
It’s annual turnover is around 40 crores INR.
</pre>
</div>
</body>
</html>
Slip 6 Write a PHP script to create a chess board using CSS on
table cells.
<!DOCTYPE html>
<html>
<body>
<table width=”400px” border=”1px” cellspacing=”0px”>
<?php
echo “Chess by GeeksforGeeks”;
$value = 0;
$col = 0;
while($col < 8) {
$row = 0;
echo “<tr>”;
$value = $col;
while($row < 8) {
if($value%2 == 0) {
echo
“<td height=40px width=20px bgcolor=black></td>”;
$value++;
}
else {
echo
“<td height=40px width=20px bgcolor=white></td>”; $value++;
}
$row++;
}
echo “</tr>”;
$col++;
}
?>
</table>
</body>
</html>
[
BOOTSTRAP
Slip No 5 Create following Bootstrap Web Layout Design and
change Title, add your personal information, educational
information, job profile.
[
15]
Example1 :<html lang=”en”>
<head>
<title>Bootstrap Example</title>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial
scale=1″>
<link rel=”stylesheet”
href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.mi
n.css”>
<script
src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”><
/script>
<script
src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.j
s”></script>
</head>
<body>
<div class=”jumbotron text-center”>
<h1>My First Bootstrap Page</h1>
37
<p>Resize this responsive page to see the effect!</p>
</div><div class=”container”>
<div class=”row”>
<div class=”col-sm-4″>
<h3>Personal Information</h3>
<p>Add your personal information..</p>
<p>…</p>
</div>
<div class=”col-sm-4″>
<h3>Educational Information</h3>
<p>Add your educational information….</p>
<p>…</p>
</div>
<div class=”col-sm-4″>
<h3>Job Profile</h3>
<p>Add your job profile information…..</p>
<p>…</p>
</div>
</div>
</div>
</body>
</html>OutputSlip No 11Create a button with different style (Secondary, Primary,
Success, Error, Info, Warning, Danger) using BootStrap.
<html>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial
scale=1″>
<title>Bootstrap demo</title>
<link
href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.mi
n.css” rel=”stylesheet”
integrity=”sha384-
QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhj
Y6hW+ALEwIH” crossorigin=”anonymous”>
</head>
<body>
<button type=”button” class=”btn btn-primary”>Primary</button>
<button type=”button” class=”btn btn-secondary”>Secondary</button>
<button type=”button” class=”btn btn-success”>Success</button>
<button type=”button” class=”btn btn-danger”>Danger</button>
<button type=”button” class=”btn btn-warning”>Warning</button>
<button type=”button” class=”btn btn-info”>Info</button>
<button type=”button” class=”btn btn-light”>Light</button>
<button type=”button” class=”btn btn-dark”>Dark</button>
<button type=”button” class=”btn btn-link”>Link</button>
</body>
</html>Slip No14
Create a container add row inside it and add 3 columns inside row using
BootStrap.
<html>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial
scale=1″>
<title>row col demo</title>
<link
href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.mi
n.css” rel=”stylesheet”
integrity=”sha384-
QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhj
Y6hW+ALEwIH” crossorigin=”anonymous”>
</head>
<body>
<div class=”container text-center”>
<div class=”row”>
<div class=”col”>
Column
</div>
<div class=”col”>
Column
</div>
<div class=”col”>
Column
</div>
</div>
</div>
</body></html>
Symbols ⅽan present wins for clusters of as much as 36 symbols.
It’ѕ brutally volatile, һowever capable of delivering baсk-to-agаin wins іf thｅ proper symbols fɑll.
Sеcond, tһe sovereign and otheг leaders Ԁ᧐ not ϲreate the standards оf proper
аnd improper, but solely exemplify, train, аnd implement
them. Second, and mօre necｅssary, trɑde needs the innovation science can provide.
Oppen pragmatic play source code development dtives progress not simply іn pc science, but in thе pc business as effectively.
Tһe 2 ᧐f you alternate Ƅetween carrying annd adjusting tһe glasses սntil Ƅoth οf
you are glad with how welpl thеy fit. Ꮤhile searching I camе across double bedxs which mіght ccut
up into two single beds. Tһis preѕents uѕ with a selection: oᥙght to
we fixate on the shadows ᴡe wwill sｅe, or use them to fіnd hidden truths?
Ꭲhе concept оf idempotence is one of those invisible truths in a design that you ϲannot seｅ directly in code.
Developers ϲɑn makе thеse adjustments Ьｙ attending ѕolely tо the codde itself, mаking
use of a hill-climbing algorithm. Ꭲhe optometrist is using a hill-climbing algorithm:
analyzing tһｅ situation and makіng ɑ chahge for thе hіgher.
взломанные игры на андроид — это отличный способ расширить функциональность игры.
Особенно если вы пользуетесь устройствами на платформе Android, модификации открывают перед вами
широкие горизонты. Я часто использую взломанные игры,
чтобы достигать большего.
Моды для игр дают невероятную возможность настроить игру,
что делает процесс гораздо интереснее.
Играя с плагинами, я могу добавить дополнительные
функции, что добавляет приключенческий процесс и делает игру более достойной внимания.
Это действительно невероятно,
как такие модификации могут улучшить взаимодействие с игрой, а при этом не нарушая использовать такие взломанные версии можно
без особых рисков, если быть внимательным и следить за обновлениями.
Это делает каждый игровой процесс
персонализированным, а возможности практически широкие.
Советую попробовать такие модифицированные версии для
Android — это может придаст новый смысл