Skip to content

Added h2 in comment.html file #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
vijeth44-pro wants to merge 18 commits into
base: main
Choose a base branch
from
Open

Added h2 in comment.html file #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
4df286e
Added h2 in comment.html file
vijeth44-pro Dec 29, 2025
ec6964d
added defination of <HR> tag
vijeth44-pro Dec 30, 2025
c7e25e4
Added some lists in unordered-list file
vijeth44-pro Dec 31, 2025
0901019
changed title of unordered-list file
vijeth44-pro Dec 31, 2025
2d30950
initial commit
Apr 29, 2026
66339a3
updated name using h1
Apr 29, 2026
64a2908
added img and some basic tags with contents
Apr 30, 2026
225ff73
created table tags and added some contents
Apr 30, 2026
33e5be8
added some list tags
Apr 30, 2026
1f7f380
added img and anchor tag
May 2, 2026
d53c16b
added form and added some inputs
May 2, 2026
e1850e2
fixed some common issues
May 2, 2026
a8f3fdf
added iframe
May 3, 2026
d21a0ec
added loading lazy for smooth run
May 3, 2026
cdb090f
added internal css
May 5, 2026
15729b2
made sub classes for css
May 5, 2026
be1e00e
restyled complete page
May 5, 2026
ceb6cde
styling link
May 6, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
149 changes: 149 additions & 0 deletions cet html/demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,149 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practice Sheet</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f8fb;
color: #1f2d3d;
margin: 20px;
}

h1 {
color: #0b6e4f;
}

h2 {
color: #174ea6;
}

.box {
background-color: white;
border: 1px solid #cdd9e5;
border-radius: 10px;
padding: 15px;
margin-bottom: 20px;
}

img {
width: 220px;
border-radius: 10px;
}

table {
border-collapse: collapse;
width: 100%;
}

th,
td {
border: 1px solid #999;
padding: 8px;
text-align: left;
}

button {
background-color: #0b6e4f;
color: white;
border: none;
padding: 10px 16px;
border-radius: 6px;
}
a:visited{
color:red;
}
</style>
</head>
<body>
<h1>My Daily Practice Sheet</h1>
<p><b>Name:</b> Vijeth P Rai</p>
<p>This page is a simple HTML practice sheet, but the theme is a small daily progress tracker.</p>

<div class="box">
<h2>Today's Goal</h2>
<p>Learn something small in HTML, CSS, and typing practice every day.</p>
<p>Formula example: 10<sup>2</sup> = 100</p>
<p>Water formula: H<sub>2</sub>O</p>
</div>

<div class="box">
<h2>Practice Image</h2>
<img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=500&q=80" alt="Laptop on desk">
</div>

<div class="box">
<h2>Skills I Practiced</h2>
<table>
<tr>
<th>Sl No</th>
<th>Skill</th>
<th>Status</th>
</tr>
<tr>
<td>1</td>
<td>HTML tags</td>
<td>Done</td>
</tr>
<tr>
<td>2</td>
<td>Typing</td>
<td>Pending</td>
</tr>
<tr>
<td>3</td>
<td>CSS basics</td>
<td>Done</td>
</tr>
</table>
</div>

<div class="box">
<h2>Checklist</h2>
<ol>
<li>Open VS Code</li>
<li>Write HTML structure</li>
<li>Add CSS styling</li>
</ol>

<ul>
<li>Practice for 20 minutes</li>
<li>Take short notes</li>
<li>Repeat tomorrow</li>
</ul>
</div>

<div class="box">
<h2>Useful Link</h2>
<a href="https://www.keybr.com/" target="_blank">Go to Keybr for typing practice</a>
</div>

<div class="box">
<h2>Mini Form</h2>
<form>
<label for="fname">First Name:</label><br>
<input type="text" id="fname" placeholder="Enter first name"><br><br>

<label for="lname">Last Name:</label><br>
<input type="text" id="lname" placeholder="Enter last name"><br><br>

<p>Select what you practiced:</p>
<input type="checkbox" id="html" value="HTML">
<label for="html">HTML</label><br>

<input type="checkbox" id="css" value="CSS">
<label for="css">CSS</label><br>

<input type="checkbox" id="typing" value="Typing">
<label for="typing">Typing</label><br><br>

<button type="submit">Submit</button>
</form>
</div>
<div class="box">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <br>Inventore quas, commodi necessitatibus maxime quo illum doloremque molestiae nisi veritatis <br>aspernatur dolores consectetur quasi a amet magni, placeat possimus culpa eaque?</p>
</div>
</body>
</html>
2 changes: 2 additions & 0 deletions html/level 1/comment.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,7 @@
<!-- This is my
first comment -->
<h1>Hello World !!!</h1>
<!-- Second comment -->
<h2>This is my second heading</h2>
</body>
</html>
2 changes: 2 additions & 0 deletions html/level 2/hr.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,7 @@
<h1>testing HR Tag</h1>
<hr>
<p>this is the testing of HR tag</p>
<hr>
<p>Horizontal Rule tag is used to create a thematic break in the HTML page</p>
</body>
</html>
4 changes: 3 additions & 1 deletion html/level 5/unordered-list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,15 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>hobbies</title>
</head>
<body>
<ul>
<li>Cycling</li>
<li>Cricket</li>
<li>YouTube</li>
<li>Coding</li>
<li>Reading</li>
</ul>
</body>
</html>