R's MP2 DocNew

A
MINI PROJECT
ON
ONLINE COLLEGE MAGAZINE
(2018-2019)
SUBMITTED BY:
M.RAVALI
1602-17-862-030
MCA IV SEMESTER
VASAVI COLLEGE OF ENGINEERING.
CODING :
Uploading Articles :
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<center>
<h3>Article Details</h3>
<table >
<form >
<tr>
<th>Name </th>
<th><input type="text" ></th>
</tr>
<tr>
<th>Email </th>
<th><input type="text"></th>
</tr>
<tr>
<th>Article Name </th>
<th><input type="text"></th>
</tr>
<tr>
<th>Select Article </th>
<th><input type="file" name="myFile"></th>
</tr>
<tr colspan="2">
<th><input type="submit" value="sumit"></th>
</tr>
</form>
</table>
</center>
</body>
</html>
Main Code :
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>TestMiniProject</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-
awesome.min.css">
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
.checked {
color: orange;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
}
*{
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
/* Style the header */
header {
padding: 30px;
text-align: center;
font-size: 35px;
color: white;
}
/* Create two columns/boxes that floats next to each other */

nav {
float: left;
width: 30%;
height: 300px; /* only for demonstration, should be removed */
padding: 20px;
}
/* Style the list inside the menu */

nav ul {
list-style-type: none;
padding: 0;
}
article {
float: left;
padding: 20px;
width: 70%;
height: 300px; /* only for demonstration, should be removed */

}
/* Clear floats after the columns */

section:after {
content: "";
display: table;
clear: both;
}
/* Style the footer */

footer {
padding: 10px;
text-align: center;
color: white;
}
/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each
other, on small screens */
@media (max-width: 600px) {
nav, article {
width: 100%;
height: auto;
}
}
* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}
/* Style the tab */

.tab {
float: left;
border: 1px solid #ccc;
background-color: grey;
width: 28%;
height: 500px;
}
/* Style the buttons inside the tab */

.tab button {
display: block;
background-color: inherit;
color: black;
padding: 11px 8px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 15px;
}
/* Change background color of buttons on hover */

.tab button:hover {
background-color: #ddd;
}
/* Create an active/current "tab button" class */

.tab button.active {
/* Style the tab content */

.tabcontent {
float: left;
padding: 0px 12px;
border: 1px solid #ccc;
width: 70%;
border-left: none;
height: 500PX;
}
</style>
</head>
<body background="cw1.png" align="center" width="100%">
<center>
<table ;>
<tr>
<td><a href="http://www.vce.ac.in"><img src="vlogo1.png" height=150 width=150></a></td>
<div class="vl"></div>
<td><center><font color="brown" size=8 face="cambria " ><i>Vasavi College Of
Engineering</i></font><br>
<font color="black" size=2 face="Arial
Black">Autonomous</font><br>
Black">Private Un-Aided Non-Minority Institution</font><br>
Black">Affiliated to Osmania University, Approved by AICTE.</font><br>
Black"><hr width=800 color="grey">
<br></center>
</td>
<div class="vr"></div>
<td> <a href="http://www.vce.ac.in">Home</a>
<div class="vr1"></div>
<a href="http://www.vce.ac.in/Contact_Us.aspx">Contact Us</a>
<br><br>
Ibrahimbagh, Hyderabad - 500031, India<br><br><br><br></td>
</tr></table>
<ul>
<li><a class="active" href="http://vce.ac.in/">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="Companies.html">Companies</a></li>
<li><a href="#about">About</a></li>
</ul><hr color="orange" width=1350 size=8>
</center>
<div class="tab">
<table border="0" >

<tr>
<th ><img src="login.png" width="50" height="30"></th>
</tr>
<tr>
<th>
<form >
Username :<input type="text" value="User name"></input><br>
</form></th>
</tr>
<tr>
<th>
<form >
password : <input type="text" value="password"></input><br>
</form></th>
</tr>
<tr>
<th> </th>
<th>
<form >
<input type="submit" value="submit" onclick="Formfun()"></input><br>
</form></th>
</tr>
<tr>
<th bgcolor="aqua">AUTHORS</th>
</tr>
<tr>
<th><a href="Author1.html">Author 1</a></th>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</div>
<div id="Technical" class="tabcontent">

<div id="system-message-container">
</div>
<div class="item-page">
<h2>
College Magazine 2018-19 </h2>
<p><strong><em><span style="font-size: 10pt;">Click on the following icons to read the particular

section of the magazine.</span> <span style="font-size: 10pt;">The links to the below icons are
pdf</span></em></strong></p>
<p><strong><em><span style="font-size: 10pt;"> versions viewed with Adobe Reader</span><span
style="font-size: 10pt;"><em>.</em> To download Adobe Reader <a
href="http://get.adobe.com/reader/otherversions/">Click Here</a></span></em></strong></p>
<table>
<tr>
<th> <a href="MOBILE COMMUNICATION.pdf"><img src="MC.jpg" border="0" alt="" height="150"
width="150"/></a></th>
<th><a href="fundamentals-of-computer-algorithms-by-ellis-horowitz.pdf" target="_blank"><img
src="Daa.jpg" border="0" alt="" height="150" width="150"/></a></th>
<th><a href="Data mining.pdf"><img src="DM.jpg" border="0" alt="" height="150"
width="150"/></a></th>
width="150"/></a></th>
width="150"/></a></th>
</tr>
<tr>
<th> <span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span></th>
</tr>
<tr>
width="150"/></a></th>
width="150"/></a></th>
width="150"/></a></th>
width="150"/></a></th>
</tr>
<tr>
</tr>
</table>
</div>
</div>
</div>
</script>
<hr>
</body>
</html>
Output Screens :

R's MP2 DocNew

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

R's MP2 DocNew

Caricato da

Copyright:

Formati disponibili

A

/* Create two columns/boxes that floats next to each other */

/* Style the list inside the menu */

height: 300px; /* only for demonstration, should be removed */

/* Clear floats after the columns */

/* Style the footer */

/* Style the tab */

/* Style the buttons inside the tab */

/* Change background color of buttons on hover */

/* Create an active/current "tab button" class */

/* Style the tab content */

<table border="0" >

<div id="Technical" class="tabcontent">

<p><strong><em><span style="font-size: 10pt;">Click on the following icons to read the particular

Potrebbero piacerti anche