-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy pathhtmlcard.html
100 lines (96 loc) · 4.77 KB
/
htmlcard.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!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 charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML/STILLLEARN</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="htmlcard.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100; 0,30
0;0,400;0,500;0, 600;0, 700; 1,100; 1, 200; 1,300; 1,400; 1,500; 1,600; 1,700&family=Montserrat:
wght@700; 800; 900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<title>HTML/STILLLEARN</title>
</head>
<body>
<div class="hero">
<nav>
<h2 class="logo"><span>HTML/STILLLEARN</span></h2>
<ul>
<li><a href="index.html" class="animated">Home</a></li>
<li><a href="about.html" class="animated">About</a></li>
<li><a href="contact.html" class="animated">Contact</a></li>
</ul>
</nav>
</div>
<div class="content1">
<div class="embed-container" style="width: 92%; background-color: grey;;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/BsDoLVMnmZs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
<header>
<h1>HTML Learning Page</h1>
</header>
<main>
<section>
<h2>Introduction to HTML</h2>
<p>
HTML stands for Hyper Text Markup Language
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
HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
</p>
</section>
<section>
<h2>Getting Started with HTML</h2>
<p>In this article we cover the absolute basics of HTML. To get you started, this article defines elements, attributes, and all the other important terms you may have heard. It also explains where these fit into HTML. You will learn how HTML elements are structured, how a typical HTML page is structured, and other important basic language features. Along the way, there will be an opportunity to play with HTML too!
</p>
</section>
<section>
<h2>Resources for Learning HTML</h2>
<ul>
<li><a href="https://www.codecademy.com/catalog/language/html-css" target="_blank">Codecademy HTML Course</a></li>
<li><a href="https://www.udemy.com/topic/html/" target="_blank">Udemy HTML Courses</a></li>
<li><a href="https://www.coursera.org/projects/introduction-to-html" target="_blank">HTML course by Coursera</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML" target="_blank">MDN Reference for HTML</a></li>
</ul>
</section>
</main>
</div>
<footer>
<div class="footer-container" style="margin-left: 350px">
<div class="footer-row">
<div class="footer-col">
<ul>
<li><a href="https://www.instagram.com/iamayushshandilya/" target="_blank">
<h1><i class="fa-brands fa-instagram fab"></i></h1>
</a></li>
</ul>
</div>
<div class="footer-col">
<ul>
<li><a href="https://github.com/ayush-Shandilya" target="_blank">
<h1><i class="fa-brands fa-github fab"></i></h1>
</a></li>
</ul>
</div>
<div class="footer-col">
<ul>
<li><a href="https://www.linkedin.com/in/ayush-shandilya-220610253/" target="_blank">
<h1><i class="fa-brands fa-linkedin fab"></i></h1>
</a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>