generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (56 loc) · 2.25 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hello World</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav>
<ul>
<li> <a href="index.html">Stream One</a></li>
<li> <a href="stream-two.html">Stream Two</a></li>
<li> <a href="stream-three.html">Stream Three</a></li>
</ul>
</nav>
<h1>Stream One</h1>
<div class="card">
<a href="https://en.wikipedia.org/wiki/HTML5" target="_blank">
<img src="https://www.seoclerk.com/pics/want55033-1LAR5w1506595825.png" alt="HTML5">
<h2>HTML5</h2>
</a>
</div>
<div class="card">
<a href="https://en.wikipedia.org/wiki/Cascading_Style_Sheets" target="_blank">
<img src="https://basicuse.net/var/plain_site/storage/images/articles/pl/textile/html_css/simple_css3_gallery_with_zoom_effect/6885-1-eng-GB/simple_css3_gallery_with_zoom_effect_view_line_image.jpg" alt="CSS3">
<h2>CSS3</h2>
</a>
</div>
<div class="card">
<a href="https://en.wikipedia.org/wiki/JavaScript" target="_blank">
<img src="https://www.javilazaro.es/wp-content/uploads/2019/02/Javascript-logo-basico-946x1024.png" alt="JavaScript">
<h2>JavaScript</h2>
</a>
</div>
<div class="card">
<a href="https://en.wikipedia.org/wiki/Cloud9_IDE" target="_blank">
<img src="https://upload.wikimedia.org/wikipedia/commons/5/5f/Cloud9IDE.png" alt="Cloud9">
<h2>Cloud9</h2>
</a>
</div>
<div class="card">
<a href="https://en.wikipedia.org/wiki/Git" target="_blank">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTJiM8NSMWqVe12YQFoC0pYkn0i4AZoZWwl6zJiHJdjAKBcYR9N" alt="Git">
<h2>Git</h2>
</a>
</div>
<div class="card">
<a href="https://es.wikipedia.org/wiki/GitHub" target="_blank">
<img src="https://www.pngitem.com/pimgs/m/128-1280162_github-logo-png-cat-transparent-png.png" alt="GitHub">
<h2>GitHub</h2>
</a>
</div>
</body>
</html>