-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
css.html
80 lines (70 loc) · 2.6 KB
/
css.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="./favicon.png" />
<title> Web Dev Book 📚</title>
<link rel="stylesheet" type="text/css" href="index.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="header">
<div class="logo">
<img src="./favicon.png" />
</div>
<h1>
Web Dev Book 📚
</h1>
<h3> JavaScript resources! </h3>
</div>
<div class="topnav">
<a href="./index.html">Home 🏡</a>
<a href="./codeequip.html"> Code equipment 💼 </a>
<a href="./links.html">Links and resources 🔗</a>
<a href="./github.html"> GitHub Sign Up</a>
<a href="./ghubprep.html"> GitHub Basics.</a>
<a href="./js.html">JavaScript Links.</a>
<a href="./html.html">HTML Links.</a>
<a href="./css.html">CSS Links.</a>
</div>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h1> This page is currently in progress. It will be posted soon!</h1>
</div>
<div class="card">
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>
Our personal Favourite resource... 🤩
</h2>
<img src="./images/w3.jpg" style="height: 200px; width: 275px;" />
<h3>With all the code examples, and docs, see here:</h3>
<a href="https://www.w3schools.com/" class="button">W3 Schools</a>
</div>
<div class="card">
<h3>
See the official documentation:
</h3>
<p>Want to see the latest releases in documentation? Click the image below for mozilla web docs!</p>
<a href="https://developer.mozilla.org/en-US/"><img src="./images/mozilla.jpg" /></a>
<h3>
See frequently asked code questions...
</h3>
<p>Stackoverflow, the home of code questions!</p>
<a href="https://stackoverflow.com/"><img src="./images/stackoverflow.png" /></a>
<h3>Welcome to your coding journey! 🎒</h3>
<p>Enjoy learning to code!</p>
<img src="./images/enjoy.png" />
</div>
</div>
</div>
<div class="footer">
<img src="./favicon.png" style="height: 100px; width: 100px; float: left;" />
<h2>
Web Dev Book!
</h2>
</div>
</body>
</html>