Scribd
Upload
2 views5 pages

Assignment 20

The document is an HTML template for a webpage titled 'MY PAGE' that includes a nested list structure detailing various skills in web development. It categorizes skills into sections such as Background Skills, HTML, CSS, Programming, and Database, each with subtopics. The document also includes CSS styling for different elements and sections to enhance visual presentation.

Uploaded by

kanveeraulakh
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
2 views5 pages

Assignment 20

The document is an HTML template for a webpage titled 'MY PAGE' that includes a nested list structure detailing various skills in web development. It categorizes skills into sections such as Background Skills, HTML, CSS, Programming, and Database, each with subtopics. The document also includes CSS styling for different elements and sections to enhance visual presentation.

Uploaded by

kanveeraulakh
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/ 5

SEC FRONT END DEVELOPMENT ASSIGNMENT

KANVEER SINGH

2336209

<!DOCTYPE html>

<html>

<head>

<title>MY PAGE</title>

<style>

Body {

Background-color: #f4f4f4; /* Light gray background */

Color: #333; /* Dark gray text */

Font-family: Arial, sans-serif;

H1 {

Text-align: center;

Color: #2e8b57; /* Dark green */

/* Ordered List (Numbers, Alphabets) */

Ol li::marker {

Color: green; /* Green bullet points for ordered lists */

/* Unordered List (Nested under ordered) */

Ul li::marker {

Color: red; /* Red bullet points for unordered lists */


}

/* Styling for Nested Ordered Lists */

Ol {

Margin-left: 20px;

/* Different font colors for sections */

.html-section {

Color: #d2691e; /* Chocolate Brown */

.css-section {

Color: #1e90ff; /* Dodger Blue */

.programming-section {

Color: #8b008b; /* Dark Magenta */

.database-section {

Color: #ff4500; /* Orange Red */

</style>

</head>

<body>
<h1>Nested List</h1>

<ol type=”I”>

<li>Background Skills</li>

<ol type=”A”>

<li>Unix Command</li>

<li>Vim Text Editors</li>

</ol>

<li class=”html-section”>HTML</li>

<ol type=”A”>

<li>Minimal Page</li>

<li>Headings</li>

<li>Elements</li>

<li>Lists</li>

<ol type=”I”>

<li>Unordered</li>

<li>Ordered</li>

<li>Definition</li>

<li>Nested</li>

</ol>

<li>Links</li>

<ol type=”I”>

<li>Absolute</li>

<li>Relative</li>

</ol>
<li>Images</li>

</ol>

<li class=”css-section”>CSS</li>

<ol type=”A”>

<li>Anatomy</li>

<li>Basic Selectors</li>

<ol type=”I”>

<li>Element</li>

<li>Class</li>

<li>ID</li>

<li>Group</li>

</ol>

<li>The DOM</li>

<li>Advanced Selectors</li>

<li>Box Model</li>

</ol>

<li class=”programming-section”>Programming</li>

<ol type=”A”>

<li>Python</li>

<li>JavaScript</li>

</ol>

<li class=”database-section”>Database</li>

<ol type=”A”>

<li>Flat File</li>
<li>Relational</li>

</ol>

</ol>

</body>

</html>

You might also like