Skip to content
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

Jump to bottom

HTML reading #52

Merged
merged 3 commits into from
Aug 15, 2024
Merged

HTML reading #52

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
46c830a
HTML reading
ranjith-ka Aug 5, 2024
a5f1dc9
Update the HTLM form
ranjith-ka Aug 6, 2024
b2d61d8
Update the list and tables
ranjith-ka Aug 6, 2024
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
11 changes: 11 additions & 0 deletions minikube/web-development/Readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
# WebDevelopment

## JIT learning for Web Development

Tutorial for Web Development

- <https://www.youtube.com/watch?v=Ow_DLQ1oWWg>
- <https://www.youtube.com/watch?v=FYErehuSuuw> - Arun refrence link
- <https://www.frontendmentor.io/>

## HTML
29 changes: 29 additions & 0 deletions minikube/web-development/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>

<body>
<header>
<h1>Contact Us</h1>
</header>

<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Your Name"><br><br>

<label for="email">Email:</label>
<input type="text" id="email" name="email" placeholder="Your EmailID"><br><br>

<label for="message">Message:</label>
<textarea id="message" name="message" placeholder="Your Message" rows="4" cols="50"> </textarea><br><br>
<input type="submit" value="Submit">

</form>
</body>

</html>
35 changes: 35 additions & 0 deletions minikube/web-development/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<html>
<head>
<title>My new Learning</title>
</head>
<body>
<header>
<h1>JIT HTML</h1>
</header>
<main>
<div>
<img src="https://picsum.photos/400/300" alt="random image">
<h2>This is my first page</h2>
<p>Lets get this</p>
<a href="https://www.google.com">Google</a><br><br>
</div>
<div>
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Your Name"><br><br>

<label for="email">Email:</label>
<input type="text" id="email" name="email" placeholder="Your EmailID"><br><br>

<label for="message">Message:</label>
<textarea id="message" name="message" placeholder="Your Message" rows="4" cols="50"> </textarea><br><br>
<input type="submit" value="Submit">
</form>
</div>
</main>
<footer>
<p>Copyright &copy; 2024</p>
</footer>
</body>
</html>
<!-- This is comment -->
57 changes: 57 additions & 0 deletions minikube/web-development/products.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!-- List and Tables -->
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Products</title>
</head>

<body>
<header>
<h1>Products</h1>
</header>
<main>
<ul type="circle">
<li>Product 1</li>
<li>Product 2</li>
<li>Product 6</li>
<li>Product 4</li>
<li>Product 5</li>
</ul>
<!-- Oder list -->
<ol type="1">
<li>Product 5</li>
<li>Product 2</li>
<li>Product 7</li>
<li>Product 4</li>
<li>Product 5</li>
</ol>
<!-- Table -->
<table>
<caption>Product Details</caption>
<thead>
<tr>
<th>ProductName</th>
<th>Price</th>
<th>Quantity</th>
</tr>
</thead>
</tbody>
<tr>
<td>Product 1</td>
<td>100</td>
<td>10</td>
</tr>
<tr>
<td>Product 2</td>
<td>200</td>
<td>20</td>
</tr>
</tbody>
</table>
</main>
</body>

</html>
Loading