Skip to content

radio-button solves #2 #29

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
nSedrickm wants to merge 2 commits into
base: hacktoberfest
Choose a base branch
from
Open

radio-button solves #2 #29

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1e0d059
radio-button solves #2
nSedrickm Oct 31, 2019
dff8962
Merge branch 'hacktoberfest' into hacktoberfest
nSedrickm Oct 31, 2019
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
94 changes: 58 additions & 36 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,32 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<title>Title/Heading of Website</title>

<meta charset="utf-8" />
<meta name="description" content="A basic HTML skeleton" />
<meta name="keywords" content="HTML,code,tags" />
<meta name="author" content="Anas Singularity" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link href="css/style.css" rel="stylesheet" />
</head>

<body>
<h1>Main Heading</h1>
<h3>sub heading</h3>
<p>Hello, World!</p>

<h3>Form</h3>
<hr />
<form>
<input type="text" placeholder="Name" />
<br />
<input type="password" placeholder="Password" />
<br />
<input type="reset" value="Reset" />
<input type="submit" />
</form>

<head>
<title>Title/Heading of Website</title>

<meta charset="utf-8" />
<meta name="description" content="A basic HTML skeleton" />
<meta name="keywords" content="HTML,code,tags" />
<meta name="author" content="Anas Singularity" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link href="css/style.css" rel="stylesheet" />
</head>

<body>
<h1>Main Heading</h1>
<h3>sub heading</h3>
<p>Hello, World!</p>

<h3>Form</h3>
<hr />
<form>
<input type="text" placeholder="Name" />
<br />
<input type="password" placeholder="Password" />
<br />
<input type="reset" value="Reset" />
<input type="submit" />
</form>

<form action="#" method="GET">
Name:<br>
Expand All @@ -37,7 +38,7 @@ <h3>Form</h3>
<button type="submit" value="submit">SUBMIT</button>
<button type="reset" value="reset">RESET</button>
</form>

<!-- table -->
<table style="width:100%">
<tr>
Expand All @@ -63,13 +64,13 @@ <h3>Form</h3>
<li>Tea</li>
<li>Milk</li>
</ul>

<!-- ordered list -->
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</ol>

<div id="checkboxes">
<input type="checkbox" name="checkbox-element" value="First">First Checkbox<br>
Expand Down Expand Up @@ -98,7 +99,7 @@ <h3>Form</h3>
<p style="color:red;">I am red</p>
<p style="color:blue;">I am blue</p>
<p style="font-size:50px;">I am big</p>

<!-- colors -->
<h1 style="background-color:Tomato;">Tomato</h1>
<h1 style="background-color:Orange;">Orange</h1>
Expand All @@ -108,17 +109,38 @@ <h1 style="background-color:Gray;">Gray</h1>
<h1 style="background-color:SlateBlue;">SlateBlue</h1>
<h1 style="background-color:Violet;">Violet</h1>
<h1 style="background-color:LightGray;">LightGray</h1>

<!-- color paragraph -->
<h3 style="color:Tomato;">Hello World</h3>

<p style="color:DodgerBlue;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p style="color:MediumSeaGreen;">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>

<div id="checkboxs">
<input type="checkbox" name="checkbox-element" value="First">First Checkbox<br>
<input type="checkbox" name="checkbox-element" value="Second" checked>Second Checkbox<br>
<input type="checkbox" name="checkbox-element" value="Third">Third Checkbox<br>
</div>

<p style="color:DodgerBlue;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p style="color:MediumSeaGreen;">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>


<!-- radio-button -->
<form>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>