Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@PrasiddhaBhattarai
PrasiddhaBhattarai authored Sep 26, 2024
1 parent 745fe34 commit 4ff5fec
Show file tree
Hide file tree
Showing 6 changed files with 235 additions and 0 deletions.
Binary file added PB.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favicon.ico
View file
Binary file not shown.
86 changes: 86 additions & 0 deletions forms.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>forms</title>
<style>
form{
line-height: 2;
}

input[type='submit']{
cursor: pointer;
border: 3px solid aqua;
outline: 2px ridge black;
}
</style>
</head>
<body>
<header>
<big>
<h3>Please enter your registered email id and password</h3>
</big>
</header>
<main>
<form action="/userdatabase.php">
<input type="text" placeholder="enter your email id">
<input type="password" placeholder="password">
<hr>
<h3>Enter your gender</h3>
<label for="101">
<input type="radio" value="male" name="gender" id="101">male
</label>
<br>
<label for="102">
<input type="radio" value="female" name="gender" id="102">female
</label>
<br>
<label for="103">
<input type="radio" value="other" name="gender" id="103">other
</label>
<br><br>
<hr>
<h3>Which clubs have the chance to win Premier League</h3>
<!-- &emsp => means wide space -->
<!-- checked => initially select attribut for <input> -->
<label for="201">
<input type="checkbox" value="arsenal" name="plclubs" id="201">Arsenal
</label>&emsp;
<label for="202">
<input type="checkbox" value="manchester city" name="plclubs" id="202" checked>Manchester City
</label>&emsp;
<label for="203">
<input type="checkbox" value="chelsea" name="plclubs" id="203">Chelsea
</label>&emsp;
<label for="204">
<input type="checkbox" value="manchester united" name="plclubs" id="204">Manchester United
</label>
<br><br><hr>
<h3>Which is your favourite club</h3>
<!-- selected => intially select/chose attribute of <select> -->
<select name="clubs" id="301">
<option value="bristol rovers">Bristol Rovers</option>
<option value="barcelona" selected>Barcelona</option>
<option value="real madrid">Real Madrid</option>
<option value="manchester united">Manchester united</option>
<option value="arsenal">Arsenal</option>
<option value="chelsea">Chelsea</option>
<option value="manchester city">Manchester City</option>
<option value="bayern munich">Bayern Munich</option>
<option value="liverpool">Liverpool</option>
<option value="psg">PSG</option>
<option value="ac milan">AC Milan</option>
<option value="inter milan">Inter Milan</option>
<option value="juventus">Juventus</option>
</select>
<br><br><hr>
<textarea name="feedback" id="401" cols="100" rows="8" placeholder="please give your valuable feedback here"></textarea>
<br><br><hr>
<input type="submit" value="Submit gar" >
<hr>
</form>
</main>
</body>
</html>
59 changes: 59 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="discription" content="This is Prasiddha's first website and he learned it from youtube.">
<meta name="author" content="Prasiddha Bhattarai">
<link rel="icon" href="PB.png" type="image/png">
<title>P.B. page 1</title>

<style>
.one{
background-color: aquamarine;
}

.PB{
mix-blend-mode: multiply;
}
</style>
</head>
<body>
<header>
<div>
<a href="page2.html" target="_main4">
<h1><big>Click here to see some unknown HTML tags (page2)</big></h1>
</a>
</div>
</header>
<hr>

<div class="one">
<h1>Who am I ?</h1>
<pre><big><u>I am <b><i>
Prasiddha Bhattarai.</i></b></u></big></pre>
<small>Here is the image</small>
<br>
<img class="PB" src="PB.png" alt="P.B." height="500">
<br>
<hr>
</div>

<iframe
width="560" height="315"
src="https://www.youtube.com/embed/HcOc7P5BMi4" title="YouTube video player"
frameborder="1"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<p>credit:
<a href="https://www.youtube.com/watch?v=HcOc7P5BMi4" target="_main">HTML tutorial by Apna College</a></p><br>
<hr>
<hr>
<h2>jump to other page</h2>
<pre>
<a href="page2.html" target="_main2"><img src="https://th.bing.com/th/id/OIP.ig-0NkgMuW8dMpeJkTFyYAHaFE?w=251&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7" height="200" alt="fruits"></a> <a href="/forms.html" target="_main3"><img src="https://th.bing.com/th/id/OIP.6rZyKdn72MzEm1dlL0jpgAHaFg?w=271&h=201&c=7&r=0&o=5&dpr=1.3&pid=1.7" height="200" alt="login"></a>
</pre>
</body>
</html>
90 changes: 90 additions & 0 deletions page2.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fruits</title>
</head>
<body>
<header>
<h1>
<big>FRUITS</big>
</h1>
</header>
<hr><hr>
<main>
<ol>
<section>
<li> <h3>APPLE</h3> </li>
<article>
<ul>
<li> <p>Apple is red on outside and white inside</p> </li>
<li> <p>Apple also has seeds at its center</p> </li>
</ul>
</article>
</section>
<hr>
<section>
<li> <h3>BANANA</h3> </li>
<article>
<ul>
<li> <p>Banana has a cover which you have to peel</p> </li>
<li> <p>Banana is soft white inside</p> </li>
</ul>
</article>
</section>
<hr>
<section>
<table>
<thead>
<caption>Fruits Table</caption>
<tr>
<!-- <th colspan="2"> -->
<th>Fruits name</th>
<th>Colour</th>
</tr>
</thead>
<tbody>
<tr>
<td>Apple</td>
<td>Red</td>
</tr>
<tr>
<td>Banana</td>
<td>Yellow</td>
</tr>
</tbody>
</table>
</section>
<hr>


<!-- DETAILS TAG and BDO TAG -->
<!-- BDO -> reverse the direction of text -->
<section>
<details>
<summary>palindrome example</summary>
<p>
Original : nayan <br>
Reversed : <bdo dir="rtl">nayan</bdo>
</p>
</details>
<details>
<summary>non-palindrome example</summary>
<p>
Original : nayam <br>
Reversed : <bdo dir="rtl">nayam</bdo>
</p>
</details>

</main>
</ol>
<hr>
<video src="/samriddha.mp4" width="560" height="315" controls loop autopaly>samriddha</video>
<hr><hr>
<footer>
copyrights belongs to P.B.
</footer>
</body>
</html>
Binary file added samriddha.mp4
View file
Binary file not shown.

0 comments on commit 4ff5fec

Please sign in to comment.