Scribd
Upload
52 views

IWT Assignment-01 HTML

The document is an assignment submission for a university course on Internet and Web Technologies. It includes 5 questions asking the student to: 1. Create a resume using HTML tags and styles. 2. Create a web page using frames and framesets to divide content into two sections - a navigation bar and main content area. 3. Design a responsive table for a class timetable with overflow scrolling. 4. Design static home, login, and registration pages for an organization's website. 5. Create an HTML program for a college website describing courses, departments, faculties, and the library using various HTML elements.

Uploaded by

Amanpreet Dutta
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
52 views

IWT Assignment-01 HTML

The document is an assignment submission for a university course on Internet and Web Technologies. It includes 5 questions asking the student to: 1. Create a resume using HTML tags and styles. 2. Create a web page using frames and framesets to divide content into two sections - a navigation bar and main content area. 3. Design a responsive table for a class timetable with overflow scrolling. 4. Design static home, login, and registration pages for an organization's website. 5. Create an HTML program for a college website describing courses, departments, faculties, and the library using various HTML elements.

Uploaded by

Amanpreet Dutta
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/ 4

Assignment No.

01 [HTML]
Submitted By: Amanpreet Dutta
Department : CSE Session: July-December 2022
Name of Faculty: Ankit Chopra Semester V
Subject: Internet & Web Technology Subject Code: CS-504(A)
Date of Issue: 23-08-22 Date of Submission: 05-09-22
Q.1 Create your resume using HTML tags also experiment with paragraph, colours,
text, link, size and also other style tags with attributes.
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <!-- Font Awesome -->


    <script src="https://kit.fontawesome.com/996973c893.js"></script>

    <!-- Style -->


    <link rel="stylesheet" href="style.css" />

    <!-- Google Fonts -->


    <link
      href="https://fonts.googleapis.com/css?
family=Poppins:200,300,400,500,700,800,900&display=swap"
      rel="stylesheet"
    />

    <title>Resume</title>
  </head>
  <body>
    <div class="box">
      <div class="header">
        <div class="header-left">
          <div class="name">
            <h1 class="first-name">AMANPREET</h1>
            <h1 class="last-name">DUTTA</h1>
          </div>
        </div>
        <div class="header-right">
          <div class="email">
            <p>[email protected]</p>
            <i class="fas fa-envelope"></i>
          </div>
          <div class="github">
            <p>github.com/packetcode</p>
            <i class="fab fa-github"></i>
          </div>
          <div class="phone">
            <p>+91-7432089021</p>
            <i class="fas fa-phone"></i>
          </div>
        </div>
      </div>
      <hr />
      <div class="objective">
        <div class="obj-heading grey">
          <i class="fas fa-bullseye icon"></i>
          <h2>Objectve</h2>
        </div>
        <p>
          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dicta rem,
          sit ex accusamus quisquam incidunt tempora, alias recusandae error
          perspiciatis a nihil quibusdam ea, tenetur harum. Earum doloribus
          quisquam repellendus!
        </p>
      </div>
      <div class="education">
        <div class="ed-heading grey">
          <i class="fas fa-school icon"></i>
          <h2>Education</h2>
        </div>

        <table>
          <tr>
            <th>Board</th>
            <th>Institution</th>
            <th>Year of passing</th>
            <th>Percentage/GPA</th>
          </tr>
          <tr>
            <td>B-Tech</td>
            <td>PIEMR</td>
            <td>2024</td>
            <td>90%</td>
          </tr>
          <tr>
            <td>12th</td>
            <td>India International School</td>
            <td>2019</td>
            <td>87.2%</td>
          </tr>
          <tr>
            <td>10th</td>
            <td>India International School</td>
            <td>2017</td>
            <td>95%</td>
          </tr>
        </table>
      </div>
      <div class="skills">
          <div class="skills-heading grey">
                <i class="fas fa-tools icon"></i>
                <h2>Skills</h2>
          </div>

        <ul>
          <li>HTML</li>
          <li>CSS</li>
          <li>Javascript</li>
          <li>jQuery</li>
          <li>PHP</li>
          <li>MySQL</li>
        </ul>
      </div>
      <div class="activities">
        <div class="act-heading grey">
          <i class="fab fa-creative-commons-nd icon"></i>
          <h2>Activities</h2>
        </div>

        <p>
          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quasi
          reprehenderit libero eum maiores quidem assumenda laboriosam fugit!
          Fuga molestias similique perspiciatis expedita minima dolorem
mollitia
          repellat ipsum, minus laudantium esse voluptatibus. Maiores sequi,
          officia eum obcaecati in atque unde suscipit consequuntur nihil, sed
          aliquid! Sed et nam aut dolorem fugit.
        </p>
      </div>
    </div>
  </body>
</html>

Create a web page using frame and frameset. Divide the page into two parts
(Topic and Description) with Navigation links on left hand side of page
Q.2 (width=30%) and content page on right hand side of page (width = 70%). On
clicking the navigation Links corresponding content must be shown on the
right hand side.

Create a responsive table for Class Time Table, and add a container element
Q.3 with overflow-x:auto around the <table>
Design the following static web pages required for an organization’s web site.
a) Home Page: The static home page must contain three frames (Menus,
Content area, Footer)
Q.4
b) Login Page (With taking Id, Password redirecting to Home Page of User)
c) Registration Page (Taking all basic information of user)

Write a HTML program for college containing a description of the courses,


Q. 5 departments, faculties, library with href, list, links and images.

You might also like