Scribd
Upload
43 views10 pages

21BCA071 Assignment-1 WD

The document is an HTML code for a website layout. It includes sections for the webpage header, navigation bar, sidebar, content area, and footer. The header includes the logo and title. The navigation bar has links for home, departments, faculties, and library. The sidebar lists practical assignments. The content area displays course information and schedules in a table. The footer shows the author and institution.

Uploaded by

mathukiyag
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
43 views10 pages

21BCA071 Assignment-1 WD

The document is an HTML code for a website layout. It includes sections for the webpage header, navigation bar, sidebar, content area, and footer. The header includes the logo and title. The navigation bar has links for home, departments, faculties, and library. The sidebar lists practical assignments. The content area displays course information and schedules in a table. The footer shows the author and institution.

Uploaded by

mathukiyag
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 10

Smt.

Chandaben Mohanbhai Patel Institute Of


Computer Applications(CMPICA)

Assignment-1

CE282.01-WD

Question-1
Code

<!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>
body{
padding: 0;
margin: 0;
}
.webpage{
display: flex;
width: 100%;
border-bottom: 2px solid black;
}
.webpage h1{
margin-left: 10%;
}
div{
background-color: lightpink;
}
nav{
background-color:cadetblue;
margin-top: 10px;
border: 2px solid black;
}
nav ol{
display: flex;
list-style: none;
margin-left: 25%;
font-size: 20px;
}
nav ol li{
display: flex;
list-style: none;
margin-right: 100px;
}
aside{
background-color:antiquewhite;
float: left;
margin-top: 10px;
margin-left:10px;
border: 2px solid black;
width: 15%;
}
aside ol{
display: block;
list-style: none;
font-size: 20px;
}
aside ol li{
margin-top: 20px;
}
.content{
background-color: thistle;
float: right;
width: 83%;
height: 300px;
border: 2px solid black;
margin-top: 12px;
}
.c1{
position: relative;
top: 10px;
margin-left: 10px;
text-align: justify;
}
.content h2{
margin-left: 10px;
text-align: center;
}
.content p{
margin-left: 10px;
width:1000px;
}
footer{
clear: both;
border: 2px solid black;
margin-top: 390px;
background-color: black;
}
footer h1{
text-align: center;
font-size: 20px;
color: white;
}

</style>
</head>
<body>
<div class="webpage">
<img src="CMPICA Img.jpg" height="100" width="150">
<h1>Smt. Chandaben Mohanbhai Patel Institute Of Computer
Applications</h1>
</div>

<nav>
<ol>
<li>Home</li>
<li>Departments</li>
<li>Faculties</li>
<li>Library</li>
</ol>
</nav>
<aside>
<ol>
<li>Practical-1.1</li>
<li>Practical-1.2</li>
<li>Practical-1.3</li>
<li>Practical-1.4</li>
<li>Practical-1.5</li>
<li>Practical-1.6</li>
<li>Practical-1.7</li>
<li>Practical-1.8</li>
</ol>
</aside>
<div class="content">
<h2>Course Description / Offer</h2>
<p>Smt. Chandaben Mohanbhai Patel Institute of Computer Applications
(CMPICA), Faculty of Computer Science and Applications (MCA) is a constituent
institute/department of CHARUSAT. It is offering a two-year full-time Mater of
Computer Applications programme, A two-year full-time Master of Science in
Information Technology (M.Sc.(IT)) programme, a three-year full-time Bachelor
of Computer Applications (BCA) programme, a three-year full-time Bachelor of
Science in Information Technology (B.Sc.(IT)) programme and a Doctor of
Philosophy (Ph. D.) programme.</p>
<p class="c1">The student must have been graduated in Bachelor of
Computer Applications (BCA)/Bachelor of Science in Information Technology
(BSC-IT)/ Bachelor of Science in Computer (BSC-Computer) OR passed
B.Sc/B.Com/B.A with Mathematics or Business Mathematics or Statistics at
(10+2) level or at Graduation level with minimum 50% marks (45% marks in case
of SC/ST/SEBC-OBC/EBC category candidates) from any recognized university of
India. In addition, appearing in the Common Management Admission Test (CMAT)
also consider for entry.</p>
</div>
<footer>
<h1>
21BCA071 Dhruvi Mathukiya (CMPICA)
</h1>
</footer>
</body>
</html>
Output

Question-2
Code
<!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>
body{
padding: 0;
margin: 0;
}
div{
background-color: blanchedalmond;
}
.name{
display: flex;
width: 100%;
border-bottom: 2px solid black;
}
.name h1{
margin-left: 10%;
}
nav{
background-color:lightslategray;
margin-top: 10px;
border: 2px solid black;
}
nav ol{
display: flex;
list-style: none;
margin-left: 25%;
font-size: 20px;
}
nav ol li{
display: flex;
list-style: none;
margin-right: 100px;
}
aside{
background-color:lightyellow;
float: left;
margin-top: 10px;
margin-left:10px;
border: 2px solid black;
width: 15%;
}
aside ol{
display: block;
list-style: none;
font-size: 20px;
}
aside ol li{
padding: 8.2px;
text-decoration: none;
margin-top: 20px;
}
aside ol li a{
padding: 8px;
color: black;
text-decoration: none;
border-bottom: 2px black solid;
}
.content{
background-color:lightgray;
float: right;
width: 83%;
height: auto;
border: 2px solid black;
margin-top: 12px;
}
.content table{
color: black;
width: 95%;
}
.content table tr td{
text-align: center;
padding: 10px;
}
footer{
clear: both;
border: 2px solid black;
position: relative;
top: 20px;
background-color: black;
}
footer h1{
text-align: center;
font-size: 20px;
color: white;
}

</style>
</head>
<body>
<div class="name">
<img src="CMPICA Img.jpg" height="100" width="150">
<h1>Smt. Chandaben Mohanbhai Patel Institute Of Computer
Applications</h1>
</div>

<nav>
<ol>
<li>Home</li>
<li>Departments</li>
<li>Faculties</li>
<li>Library</li>
</ol>
</nav>
<aside>
<ol>
<li><a href="#">Practical-1.1</a></li>
<li><a href="#">Practical-1.2</a></li>
<li><a href="#">Practical-1.3</a</li>
<li><a href="#">Practical-1.4</a</li>
<li><a href="#">Practical-1.5</a</li>
<li><a href="#">Practical-1.6</a</li>
<li><a href="#">Practical-1.7</a</li>
<li><a href="#">Practical-1.8</a</li>
</ol>
</aside>
<div class="content">
<table border="1">
<tr>
<th colspan="7">BCA IV DIV - II</th>
</tr>
<tr>
<th>Time</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
<tr>
<td>9:30 to 10:10</td>
<td>DSA<br> Class-4<br>(JU)</td>
<td>MPPL<br> Class-5<br>(MD)</td>
<td rowspan="3">BWD/MPPL<br> Class-3/Class-5<br>(MM/MD)</td>
<td>FCN<br> Class-4<br>(KKP)</td>
<td>BWD/MPPL<br> Class-3/Class-5<br>(MM/MD)</td>
<td rowspan="3">University<br>Elective</td>
</tr>
<tr>
<td>10:11 to 11:10</td>
<td>FCN<br> Class-4<br>(KKP)</td>
<td>DSA<br> Class-4<br>(JU)</td>
<td>DSA<br> Class-4<br>(KS)</td>
<td>Library Hour<br><br></td>
</tr>
<tr>
<td>11:11 to 12:10</td>
<td>BWD/MPPL<br> Class-3/Class-5<br>(MM/MD)</td>
<td>FCN<br> Class-4<br>(AM)</td>
<td>MPPL<br> Class-5<br>(MD)</td>
<td>DSA<br>Class-3<br>(KS)</td>
</tr>
<tr>
<td>12:11 to 1:10</td>
<td colspan="7" align="center">Recess</td>
</tr>
<tr>
<td>1:10 to 2:10</td>
<td rowspan="3">DSA<br>Lab-4<br>(JU,MD)</td>
<td>BWD<br>Class-3<br>(MM)</td>
<td>BWD<br>Class-3<br>(MM)</td>
<td rowspan="3"><br>Library Hour<br></td>
<td>Library Hour</td>
<td rowspan="3">University<br>Elective</td>
</tr>
<tr>
<td>2:20 to 3:20</td>
<td rowspan="2">Library Hour<br></td>
<td rowspan="2">HVPE<br>(KS)</td>
<td>Library Hour</td>
</tr>
<tr>
<td>3:20 to 4:20</td>
<td rowspan="2">Library Hour</td>
</tr>
</table>
</div>
<footer>
<h1>
21BCA071 Dhruvi Mathukiya (CMPICA)
</h1>
</footer>
</body>
</html>
Output

You might also like