0% found this document useful (0 votes)
5 views7 pages

HTML

This document is an HTML template for a personal portfolio page belonging to Maryam Bibi. It includes sections on education, experiences, personal story, a registration form, and various multimedia elements like images and videos. Additionally, it features lists of fruits with their colors and seasons, a student data table, and a contact footer.

Uploaded by

hunyroomi4
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
0% found this document useful (0 votes)
5 views7 pages

HTML

This document is an HTML template for a personal portfolio page belonging to Maryam Bibi. It includes sections on education, experiences, personal story, a registration form, and various multimedia elements like images and videos. Additionally, it features lists of fruits with their colors and seasons, a student data table, and a contact footer.

Uploaded by

hunyroomi4
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/ 7

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Page </title>
</head>
<body>
<header>
<h1><b>My Portfolio</b></h1>
</header>
<main>
<section>
<pre>
<b>Primary Education:</b>
Govt. Girls High School
<br>
<b> Higher Education:</b>
Govt. Degree College
<br>
<b>Specification:</b>
Graphic Designing | Computer Science
<br>
<b>Now:</b>
Virtual University Of Pakistan
<br>
</pre>
</section>
<br>
<hr>
<br>
<section> <b>Experiences:</b><br> Teaching | Computer
science | Programming Languages (Python,CSS,HTML,JavaScript)</section>
<br>
<article>My Story: I am Maryam Bibi. I have Passed my primary education
from Govt. Girls High School Pourmiana. I have also completed my intermediate
from Degree Collage Of Women Wah Cantt. I am also a graphic designer. Now I am
completing my BSCS Degree from Virual University Of Pakistan.</article>
<a href="https://google.com" target="_main" > <img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn:ANd9GcQRB4kg1jgnqD5fEaCSHKMoUdFeTBj9CH_opA&s"
alt="Google"
width="50"></a>
<aside>this is an ad</aside>
<div style="background-color: red;">
<p>Hello World</p>
<p>Greetings</p>
<p>Asslam-o-alaikum</p>
</div>

<div style="background-color: lightblue;">


<p>Bye</p>
<p>Allah Hafiz</p>
<p>Take Care</p>
</div>
<ul>
<li>Apple</li>
<ul>
<li>color: red</li>
<li>Season: Winter</li>
</ul>
<li>Banana</li>
<ul>
<li>color: yellow</li>
<li>Season: Winter</li>
</ul>
<li>Mango</li>
<ul>
<li>color: yellow+orange</li>
<li>Season: summer</li>
</ul>
<li>Apricot</li>
<ul>
<li>color: green</li>
<li>Season: summer</li>
</ul>
<li>Orange</li>
<ul>
<li>color: orange</li>
<li>Season: Winter</li>
</ul>
</ul>
<br>
<ol>
<li>Banana</li>
<ul>
<li>color: yellow</li>
<li>Season: Winter</li>
</ul>
<li>Mango</li>
<ul>
<li>color: yellow+orange</li>
<li>Season: summer</li>
</ul>
<li>Apricot</li>
<ul>
<li>color: green</li>
<li>Season: summer</li>
</ul>
<li>Orange</li>
<ul>
<li>color: orange</li>
<li>Season: Winter</li>
</ul>
</ol>
<br>
<table>
<thead>
<caption>
Student Data
</caption>
<tr>
<th colspan="2">
IMFORMATION
</th>
</tr>
</thead>

<tbody>
<tr>
<td>
Maryam
</td>
<td>
Bc210407911
</td>
<tr>
<td>
Hina
</td>
<td>
Bc25647911
</td>
</tr>
</tr>
</tbody>
</table>
<br>
<br>
<h3>Registration Form</h3>
<form action="/action.php">
<h4>Set UserName And Password</h4>
<input type="text" placeholder="username ">
<br><br>
<input type="password" placeholder="password ">
<br><br>
<h4>Select Your Gender</h4>
<label for="101">
<input type="radio" value="Male" name="Gender" id="101"> Male
</label>
<br><br>
<label for="102">
<input type="radio" value="Female" name="Gender" id="102"> Female
</label>
<br><br>
<h4>Select Your Favourite Subject</h4>
<label for="Math">
<input type="checkbox" value="Math" name="Subject" id="101"> Math
</label>
<br><br>
<label for="Computer Science">
<input type="checkbox" value="Computer Science" name="Subject"
id="102"> Computer Science
</label>
<br><br>
<label for="Physics">
<input type="checkbox" value="Physics" name="Sunject" id="102">
Physics
</label>
<br><br>
Select Your City
<select name="City">
<option value="Islamabad">Islamabad</option>
<option value="Rawalpindi">RawalPindi</option>
<option value="HassanAbdal">HassanAbdal</option>
</section>

<br><br>
<textarea name="feedback" id="101" placeholder="Please Give Your
Valueable Feedback Here">Feedback</textarea>
<br>
<input type="Submit" value="Submit">
</form>

<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/UmnCZ7-
9yDY?si=CmmMRuCww_z-t1Ct" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen></iframe>
<br><br>
<iframe width="560" height="315" src="https://www.wikipedia.org/"></iframe>
<br><br>
<video src="https://www.youtube.com/embed/UmnCZ7-9yDY?si=CmmMRuCww_z-t1Ct"
controls>My Video</video>
</main>
<footer>
<h4>Contact me at the [email protected]</h4>
</footer>
</body>
</html>

Sample Output

You might also like