Edu4Maharashtra

1 Program 1

Aim (Write on the ruler page)

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. 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.

Program (Start from new page after AIM)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Official profile of Edu4Maharashtra (E4M), an EdTech startup by Vinit Pandey.">
    <meta name="keywords" content="E4M, Edu4Maharashtra, HSC, Education, Maharashtra">
    <title>Edu4Maharashtra | Home</title>
    <style>
        /* CSS Properties: 1. background-color, 2. color, 3. text-align, 4. font-family */
        body {
            background-color: #4B0082; /* Indigo/Purple */
            color: white;
            text-align: justify;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
        }
        h1 {
            text-align: center;
            font-size: 3.5em; /* Highest text on page */
        }
        nav {
            text-align: center;
            margin-bottom: 30px;
        }
        nav a {
            color: yellow;
            margin: 0 15px;
            text-decoration: none;
            font-weight: bold;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
        }
    </style>
</head>
<body>

    <nav>
        <a href="index.html">Home</a> | 
        <a href="page2.html">Enrolment Form</a>
    </nav>

    <h1>Edu4Maharashtra (E4M)</h1>

    <div class="container">
        <center>
            <img src="e4m.png" width="200" alt="Official Logo of Edu4Maharashtra">
        </center>

        <p>
            Welcome to <b>Edu4Maharashtra</b>, a premier educational organization dedicated to the <i>digital transformation</i> of the HSC board curriculum. 
            Our mission is to simplify learning through technology. We have successfully served over <u>49,000 users</u> through our specialized notes 
            and automated tools like <b>Exam Setu</b>. By integrating AI and modern web tools, we ensure that every student has access to 
            high-quality, <i><u>interactive</u></i> educational content.
            <br><br>
            <b>Note:</b> We are currently expanding our reach to provide <i>vocational</i> training in <u><a href="form.html">Computer Science</a></u> and IT.
        </p>
    </div>
</body>
</html>

Output (Stick on blank page opposite to code)

Download Output

2 Program 2

Aim (Write on the ruler page)

Program (Start from new page after AIM)

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
    <div>
<h1>Survey Form</h1>
<table>
<tr>
<td>First Name</td>
<td><input type="text" name="t1"></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text" name="t2"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="email" name="e1"></td>
</tr>
<tr>
<td>Gender</td>
<td><input type="radio" name="r1">MALE</td>
<td><input type="radio" name="r1">FEMALE</td>
</tr>
<tr>
<td>How much you liked my bio</td>
<td><select name="qua">
<option>Can be better</option>
<option>Good</option>
<option>Best</option>
</select></td>
</tr>
<tr>
<td><input type="submit" name="submit" value="submit"></td>
</tr>
</table>
</form>
    </div>
</body>
</html>

Output (Stick on blank page opposite to code)

Download Output