Scribd
Upload
19 views11 pages

Assessment

The document describes a mobile ambulance service named EMRI 108, detailing its special equipment and performance specifications. It includes a feedback form for users to provide their information and satisfaction levels. The document is structured with headings, tables, and a form for user interaction.

Uploaded by

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

Assessment

The document describes a mobile ambulance service named EMRI 108, detailing its special equipment and performance specifications. It includes a feedback form for users to provide their information and satisfaction levels. The document is structured with headings, tables, and a form for user interaction.

Uploaded by

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

Assessment 1

<html>

<head>

<title>SSDC</title>

<style>

body {

background-color: blue;

color: white;

font-family: Arial, sans-serif;}

.title {

font-size: 20px;

font-weight: bold;

text-align: center;

text-decoration: underline;

margin-top: 20px;}

.courses {

margin-top: 20px;

font-style: italic;

text-align: left;}

.course-group {

margin: 10px 0;

padding: 10px;

border: 1px solid white;

border-radius: 5px;

background-color: #0056b3;}

.news { margin-top: 20px;

font-size: 18px;

color: yellow;

overflow: hidden;

white-space: nowrap; }

.news marquee {

font-weight: bold; }
</style>

</head> <body>

<div class="title">SSDC</div>

<h2 class="courses">Courses</h2>

<div class="course-group">

<p>Group 1:</p>

<ul>

<li>Web Development</li>

<li>Data Science</li>

<li>Cyber Security</li>

</ul> </div>

<div class="course-group">

<p>Group 2:</p>

<ul>

<li>Mobile App Development</li>

<li>Artificial Intelligence</li>

<li>Cloud Computing</li>

</ul> </div> <div class="news">

<marquee behavior="scroll" direction="left">Admissions are open</marquee> </div> </body></html>

Output:

Assessment 2
<html>

<head> <title>Resume</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 20px;

line-height: 1.5;}

.header {

display: flex;

justify-content: space-between;

align-items: center;}

.contact-info {

text-align: left;}

.contact-info p {

margin: 5px 0;}

.photo {

width: 100px;

height: 100px;

border: 1px solid #ccc;

border-radius: 5px;

overflow: hidden;}

.photo img {

width: 100%;

height: 100%;

object-fit: cover;}

h2 { border-bottom: 2px solid #000;

padding-bottom: 5px;

margin-bottom: 10px;}

.section {

margin-bottom: 20px;}

.section h3 {

margin-bottom: 10px;
font-size: 1.2em;

text-decoration: underline;}

ul {

margin: 0;

padding: 0;

list-style: none;}

ul li {

margin-bottom: 5px;}

</style>

</head>

<body>

<!-- Header Section -->

<div class="header">

<!-- Contact Info -->

<div class="contact-info">

<p><strong>Email:</strong> [email protected]</p>

<p><strong>Phone:</strong> +123-456-7890</p>

</div>

<!-- Photo -->

<div class="photo">

<img src="https://via.placeholder.com/100" alt="Profile Photo">

</div>

</div>

<!-- Name -->

<h1 style="text-align: center; margin-top: 20px;">Your Name</h1>

<!-- Sections -->

<div class="section">

<h2>Education</h2>

<ul>

<li><strong>Bachelor of Science in Computer Science</strong> - XYZ University (2019-2023)</li>

<li><strong>High School Diploma</strong> - ABC School (2017-2019)</li>

</ul>
</div>

<div class="section">

<h2>Work Experience</h2>

<ul>

<li><strong>Software Engineer</strong> - TechCorp (2023-Present)</li>

<li><strong>Intern</strong> - Web Solutions (2022-2023)</li>

</ul>

</div>

<div class="section">

<h2>Skills</h2>

<ul>

<li>Proficient in HTML, CSS, JavaScript</li>

<li>Experience with Python and Java</li>

<li>Knowledge of Database Management (SQL)</li>

<li>Excellent problem-solving and communication skills</li>

</ul> </div>

<div class="section">

<h2>Personal Details</h2> <ul>

<li><strong>Date of Birth:</strong> 01 January 2000</li>

<li><strong>Address:</strong> 123, Your Street, Your City, Your Country</li>

<li><strong>Languages:</strong> English, Spanish</li>

</ul> </div> </body> </html>

Output:
Assessment 3

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Assessment Webpage</title>

</head>

<body>

<a href="https://placeholder.com" target="_blank">

<img src="C:\Users\udayk\OneDrive\Pictures\Screenshots\aesthetic-spider-man-in-flight-desktop-wallpaper-
preview.jpg/150" alt="Logo" style="width:150px;height:auto;">

</a> <h1 style="font-size: 24px; color: #00698f; font-family: Impact;">

Welcome to My Website

</h1> <ul>

<li><a href="https://placeholder.com" target="_blank">Website 1</a></li>

<li><a href="https://placeholder.com" target="_blank">Website 2</a></li>

<li><a href="https://placeholder.com" target="_blank">Website 3</a></li>

<li><a href="https://placeholder.com" target="_blank">Website 4</a></li>

<li><a href="https://placeholder.com" target="_blank">Website 5</a></li>

</ul> <marquee>

<img src="C:\Users\udayk\OneDrive\Pictures\Screenshots\aesthetic-spider-man-in-flight-desktop-
wallpaper-preview.jpg/150" alt="Scrolling Image" style="width:150px;height:auto;">

</marquee> </body> </html>

Output:
Assessment 4

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Mobile Ambulance-EMRI 108</title>

<style> body { font-family: Arial, sans-serif;

line-height: 1.5;

margin: 20px;}

h1, h2 { color: #00698f; }

form { margin-top: 20px; }

label { display: block;

margin-bottom: 5px;

font-weight: bold; }

input, select, textarea {

width: 100%;

padding: 8px;

margin-bottom: 15px;

border: 1px solid #ccc;

border-radius: 5px; }

.radio-group, .checkbox-group {

margin-bottom: 15px;}

.radio-group label, .checkbox-group label {

display: inline-block;

margin-right: 20px;}

.submit-button {

background-color: #00698f;

color: white;

border: none;

padding: 10px 20px;

cursor: pointer;

border-radius: 5px; }
.submit-button:hover {

background-color: #005f75;}

.specifications, .special-equipments { margin-top: 20px;}

.specifications table, .special-equipments table {

width: 100%;

border-collapse: collapse;

margin-top: 10px; }

table, th, td { border: 1px solid #ccc; }

th, td { padding: 10px;

text-align: left;}

th { background-color: #f4f4f4;}

</style> </head> <body>

<h1>Mobile Ambulance - EMRI 108</h1>

<h2>Special Equipments</h2>

<table> <tr>

<th>Equipment Name</th>

<th>Specification</th>

</tr> <tr>

<td>Retractable Protective Armour</td>

<td>Engine Type: Jet Turbine</td>

</tr> <tr>

<td>Weapons System</td>

<td>150lbs @ 103 ROS</td>

</tr> <tr>

<td>Instruments - Aircraft</td>

<td>175lbs @ 9 SROS</td>

</tr>

</table>

<h2>Specifications Performance</h2>

<table>

<tr>

<th>Feature</th>
<th>Details</th>

</tr> <tr>

<td>Torque</td>

<td>0-60 MPH in 3.7 sec</td>

</tr> <tr>

<td>Top Speed</td>

<td>Unknown</td>

</tr> <tr>

<td>Wheel Base</td>

<td>141.12 in</td>

</tr> <tr>

<td>Length</td>

<td>300.5 in</td>

</tr> <tr>

<td>Width</td>

<td>100.0 in</td>

</tr> <tr>

<td>Height</td>

<td>200.25 in</td>

</tr> <tr>

<td>Wheels</td>

<td>Cast Alloy 157.5</td>

</tr> <tr>

<td>Fuel Required</td>

<td>Pure petrol with 99.99% free carbon</td>

</tr>

</table>

<h2>Feedback Form</h2>

<form>

<label for="name">Name:</label>

<input type="text" id="name" name="name" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<label for="password">Password:</label>

<input type="password" id="password" name="password" required>

<label>Please check all the emotions that apply to you:</label>

<div class="checkbox-group">

<label><input type="checkbox" name="emotions" value="angry"> Angry</label>

<label><input type="checkbox" name="emotions" value="sad"> Sad</label>

<label><input type="checkbox" name="emotions" value="happy"> Happy</label>

<label><input type="checkbox" name="emotions" value="ambivalent"> Ambivalent</label>

</div>

<label>How satisfied were you with our service?</label>

<div class="radio-group">

<label><input type="radio" name="satisfaction" value="very satisfied"> Very satisfied</label>

<label><input type="radio" name="satisfaction" value="satisfied"> Satisfied</label>

<label><input type="radio" name="satisfaction" value="dissatisfied"> Dissatisfied</label>

<label><input type="radio" name="satisfaction" value="very dissatisfied"> Very dissatisfied</label>

</div>

<label for="location">Location visited:</label>

<select id="location" name="location">

<option value="" disabled selected>Select location</option>

<option value="location1">Location 1</option>

<option value="location2">Location 2</option>

<option value="location3">Location 3</option>

</select>

<label for="comments">Further comments:</label>

<textarea id="comments" name="comments" rows="4"></textarea>

<label for="photo">Bio photo:</label>

<input type="file" id="photo" name="photo" accept="image/*">

<button type="submit" class="submit-button">Submit</button>

</form> </body> </html>


Output:

You might also like