-
Notifications
You must be signed in to change notification settings - Fork 0
/
html.html
53 lines (52 loc) · 2.29 KB
/
html.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
---
layout: default
title: HTML Overview
custom_css: htmloverview
---
<button id="openbtn" class="openbtn" onclick="openNav()">☰</button>
<div class="container mt-2">
<h1 class="text-center">Learn HTML</h1>
<!-- main content here -->
<main>
<div class="card-deck">
<div class="card">
<img class="card-img-top"
src="https://cdn.pixabay.com/photo/2017/08/05/11/16/logo-2582748_960_720.png" alt="HTML logo">
<div class="card-body">
<h5 class="card-title">Learn HTML Basic Elements</h5>
<p class="card-text">HTML stands for Hypertext Markup Language. It's the standard language used to create
web pages. Start with the basics, like creating headings, paragraphs, and links.</p>
<a href="tags.html" class="btn btn-primary">Learn more here</a>
</div>
</div>
<div class="card">
<img class="card-img-top"
src="https://cdn.pixabay.com/photo/2017/08/05/11/16/logo-2582748_960_720.png" alt="HTML logo">
<div class="card-body">
<h5 class="card-title">Learn HTML Semantic Elements</h5>
<p class="card-text">Semantic elements = elements with a meaning. A semantic element clearly describes its
meaning to both the browser and the developer.</p><br>
<a href="html5demo.html" class="btn btn-primary">Learn more here</a>
</div>
</div>
<div class="card">
<img class="card-img-top"
src="https://cdn.pixabay.com/photo/2017/08/05/11/16/logo-2582748_960_720.png" alt="HTML logo">
<div class="card-body">
<h5 class="card-title">Learn HTML Forms & Media</h5>
<p class="card-text">An HTML form is used to collect user input. The user input is most often sent to a
server for processing. Multimedia on the web is sound, music, videos, movies, and animations.</p>
<a href="formsMedia.html" class="btn btn-primary">Learn more here</a>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<footer class="navbar navbar-dark bg-dark">
<a class="navbar-brand" href="index.html">Learn Web Dev</a>
<div class="container footer-text text-white">
© 2023 Made with 🤍 by Vikas Bandaru
</div>
</footer>