Skip to content

Commit 78925e5

Browse files
itzanwayitzanway
authored
Add files via upload
1 parent a64040b commit 78925e5

File tree

7 files changed

+245
-0
lines changed

7 files changed

+245
-0
lines changed

‎about.html

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="Dave Gray" content="Hi, I'm Dave Gray. This page is about me.">
6+
<title>About Me</title>
7+
<link rel="icon" href="html5.png"
8+
type="image/x-icon">
9+
<link rel="stylesheet" href="main.css"
10+
type="image/x-icon">
11+
</head>
12+
13+
<body>
14+
<h1>Hi, I'm Anway Durge</h1>
15+
16+
<hr>
17+
18+
<p>
19+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium, laborum.
20+
Eum iure, ea, corporis odit excepturi accusamus fugit blanditiis non ipsa, quae
21+
asperiores enim esse maires ipsum illum? Incident, ducimus!
22+
23+
</p>
24+
25+
<hr>
26+
27+
<ul>
28+
<li>Download an <a href="html15.png" download>HTML5 favicon</a></li>
29+
<li>
30+
contact me at <a href="mailto:[email protected]">my email address</a>.
31+
</li>
32+
<li>
33+
Dial <a href="tel:+91">my phone number</a>.
34+
</li>
35+
<li>
36+
Open<a href="https://www.google.com/" target="_blank">Google</a>in a new tab
37+
</li>
38+
</ul>
39+
40+
41+
42+
<hr>
43+
&lt;&lt;&lt; &copy; <a href="about.html">Dave Gray</a>&gt;&gt;&gt;
44+
45+
<p>
46+
<a href="/">Back to Home</a>
47+
</p>
48+
49+
50+
</body>
51+
52+
</html>
53+

‎assets/caribbean.jpg

19.9 KB
Loading

‎assets/html.jpg

3.13 KB
Loading

‎assets/html5.png

Loading

‎assets/style.css

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
html {
2+
font-size: 22px;
3+
}
4+
5+
body {
6+
background-color: #fff7f7;
7+
color: rgb(1, 1, 1);
8+
}
9+
10+
a {
11+
color:rgb(158, 7, 245);
12+
}
13+
14+
a:visited {
15+
color: rgb(10, 205, 127);
16+
}
17+
18+
a:hover, a:active {
19+
color: #f60000;
20+
}
21+
22+
h3 {
23+
font-size: 32px;
24+
color: darkblue;
25+
26+
}
27+
img {
28+
height :"267";
29+
display: block;
30+
width:344px;
31+
margin:auto;
32+
}
33+
figcaption {
34+
height:344px;
35+
display:block;
36+
width:344px;
37+
margin:auto;
38+
39+
}
40+
41+
h2, h3{
42+
font-size: 32px;
43+
color: rgb(22, 127, 203);
44+
font-family: algerian;
45+
}
46+

‎assets/vacation.jpg

268 KB
Loading

‎index.html

+146
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,146 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="author" content="Dave Gray">
7+
<meta name="description" content="This page contains all the things I am learning how to create as I learn HTML.">
8+
<title>My First Web Page</title>
9+
<link rel="icon" href="assets\html5.png" type="image/x-icon">
10+
<link rel="stylesheet" href="assets\style.css" type="text/css">
11+
</head>
12+
13+
<body>
14+
<header>
15+
<h1>My Goals for the Year</h1>
16+
17+
<hr>
18+
19+
<nav>
20+
<ul>
21+
<li>
22+
<a href="#html">Learning HTML</a>
23+
</li>
24+
<li>
25+
<a href="#vacation">Planning a Vacation</a>
26+
</li>
27+
</ul>
28+
</nav>
29+
</header>
30+
31+
<hr>
32+
<main>
33+
34+
<iframe src="about.html" height="200" width="300" title="Iframe Example">About Me</iframe>
35+
<article id="html">
36+
<button type="button">Press Enter</button>
37+
<h2>I'm Ready to Learn HTML</h2>
38+
<p>This is my first web page.</p>
39+
<section>
40+
<h2>HTML5</h2>
41+
<img src="assets\html.jpg" alt="HTML5 Logo" title="I am learning HTML5">
42+
<figure>
43+
<figcaption>An Example of HTML5 code</figcaption>
44+
<p1>
45+
<code>&lt;h1&gt;Hello World!&lt;/h1&gt;</code>
46+
</p1>
47+
</figure>
48+
</section>
49+
<h3>My Daily Schedule</h3>
50+
<p>Let me tell you how:</p>
51+
<ol>
52+
<li>...I learn more about web dev.</li>
53+
<li>...I plan out my schedule.</li>
54+
<li>...I use resources from <abbr title="Mozilla Developer Network">
55+
<a href="https://developer.mozilla.org/">MDN</a>
56+
</abbr>.</li>
57+
</ol>
58+
</article>
59+
60+
<hr>
61+
62+
63+
64+
<section id="vacation">
65+
<h2>I Am Also Planning a Vacation</h2>
66+
<p>I've been working hard and <em>really need a getaway</em>.</p>
67+
<p>I live in <abbr title="Kansas">KS</abbr> so I want visit a beach.</p>
68+
69+
<h3>Places I'd Like to Visit</h3>
70+
<ul>
71+
<li>
72+
<p>I've heard good things about the Caribbean.</p>
73+
<figure>
74+
<img src="assets\caribbean.jpg" alt="Caribbean Beach" title="I want to visit a Caribbean beach."
75+
width="400" height="267" loading="lazy">
76+
<figcaption>
77+
Caribbean Beach Getaway
78+
</figcaption>
79+
</figure>
80+
</li>
81+
<li>
82+
<p>I've heard good things about going here:</p>
83+
<address>
84+
Margaritaville Island Reserve Riviera Cancún<br>
85+
Bahia Petempich Puerto Morelos, Mexico<br>
86+
Colonia Morelos, México 77580
87+
</address>
88+
<figure>
89+
<img src="assets\vacation.jpg" alt="Cancun Vacation" title="It's 5 o'Clock Somewhere!" width="400"
90+
height="267" loading="lazy">
91+
<figcaption>
92+
A Caribbean Vacation Image
93+
</figcaption>
94+
</figure>
95+
</li>
96+
</ul>
97+
<!-- TODO: Add more places -->
98+
<h3>Places I Want to Avoid</h3>
99+
<dl>
100+
<dt>North Pole</dt>
101+
<dd>I hear this is <strong>cold</strong>!</dd>
102+
103+
<dt>South Pole</dt>
104+
<dd>This is also cold.</dd>
105+
106+
<dt>Mountain Tops</dt>
107+
<dd>These are also cold.</dd>
108+
</dl>
109+
</section>
110+
111+
<p>HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content.
112+
HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.</p>
113+
114+
<h4>Help me to Choose</h4>
115+
<li>
116+
<label for="name">Enter your name to give suggestions :</label>
117+
<input id="name"type="you can fill your name here">
118+
</li>
119+
120+
<li>
121+
<label for="gmail">Enter your email</label>
122+
<input id="gmail" type="text">
123+
</li>
124+
125+
<li>
126+
<label for="faviourate destination">Enter your faviourate destination</label>
127+
<input id="faviourate destination" type="text">
128+
</li>
129+
130+
<li>
131+
<label for="reason">Reasons to visit your faviourate destination</label>
132+
<input id="reason" type="text">
133+
</li>
134+
<hr>
135+
<button type="button" onclick="document.getElementsById(xyz).innerHTML = Date()">Press to know about you</button>
136+
<h6 id="xyz">you need to know about you in a better way</h6>
137+
</main>
138+
139+
<hr>
140+
&lt;&lt;&lt; &copy; <a href="about.html">Anway Durge</a> &gt;&gt;&gt;
141+
<p>
142+
<a href="#">Back to Top</a>
143+
</p>
144+
</body>
145+
146+
</html>

0 commit comments

Comments
 (0)