SOP 1 :

Creation of website using HTML5

Create a website using HTML5 and CSS using any 4 CSS properties. Write a code for 2 separate pages having different file names such as first page as Index. html and second page as page2.html. Use any theme such as college profile or company profile etc. Every page must contain proper Meta information and design web page as follows-

1) The index page must contain a heading which is highest among other text on pages and must be at centre of the page. There must be a paragraph which introduces general information about the theme chosen must have at least 3 physical style tags and one image with alternate text. This page must be connected to other two pages with proper navigational links.
Create a file "index.html"


<!Doctype HTML>
<HTML>
<head>
<title>V.C.K College </title> 
<head>
<Meta charset="utf-8">
<Meta name="author" content="Physical Tages">
<Style>
Boby{ background-color: green ;}
H1{ border-style: dotted ;}
P{ color:red ; font-size: 15px ; }
b{ text-decoration: overline ; }
P{ text-align: center ; }
img{ width: 100% ; }
</Style>
</Head>
<Body>
<H1 align="center">VCK College</H1></Br>
<P align="center">Vivekanand College , Kolhapur is the best college</P>
</Br>
<img src="IMAGE.jpg" alt="image"> 
<br>
<a href="form.html" >Go to next page</a>
</Body>
</html>

2) The 2nd page must contain the feedback or enrolment form related with theme chosen with features of HTML5. The form must contain text element and email address of the company or person. Include the submit button.
Create a file "form.html"


<!Doctype HTML>
<HTML>
<head>
<title>Feedback form</title> 
<head>
<Meta charset="utf-8">
<Meta name="author" content="Physical Tages">
<Style>
Boby{ background-color: cyon ; color: red;}
H1{ border-style: dashed ;}
</Style>
</Head>
<Body>
<H1 align="center">Feedback Form</H1>
<br><br>
<Form name="F1" align="center">
<br><br>
Enter your Name: <Input type="text" name="N1">
<br><br>
Enter your Email: <Input type="email" name="N2">
<br><br>
Write your feedback: <textarea name="textarea" rows="5" cols="20"></textarea>
<br><br>
<Input type="submit" value="Submit">
<br><br>
<a href="index.html" >Go to back page</a>
</form>
</Body>
</html>