stream-project/stream-two.html at master · debbiect246/stream-project · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<title>Hello World</title>
		<link rel="stylesheet" href="css/style.css" type="text/css" />
	</head>

	<body>
	    <!-- menu bar -->
		<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>
		<!-- page title -->
		<h1>Stream Two</h1>

		<!--add in pictures and links to each item using divs -->
		<div class="row">
		 	<div class="card">
                <a href="https://en.wikipedia.org/wiki/Python_%28programming_language%29" target="_blank">
                    <img src="https://www.lantronix.com/wp-content/uploads/img/python-logo-322x322.gif"/>
                    <h2>Python</h2>
                </a>
            </div>


			<div class="card">
				<a href="https://en.wikipedia.org/wiki/Flask_%28web_framework%29">
					<img src="https://iotbytes.files.wordpress.com/2016/08/flask.png?w=223&h=223"/>
					<h2>Flask</h2>
				</a>
			</div>
			<div class="card">
				<a href="https://en.wikipedia.org/wiki/MongoDB">
					<img src="https://i0.wp.com/www.opencpu.org/images/mongo.png?w=456&ssl=1"/>
					<h2>Mongo</h2>
				</a>
			</div>
		</div>

		<div class="row">

			<div class="card">
				<a href="https://en.wikipedia.org/wiki/Cloud9">
					<img src="https://seeklogo.com/images/M/MySQL-logo-44BCDEF16F-seeklogo.com.gif"/>
					<h2>MySQL</h2></a>
			</div>


			<div class="card">
				<a href="https://en.wikipedia.org/wiki/Git">
					<img src="https://git-scm.com/images/logos/logomark-orange@2x.png"/>
					<h2>Git</h2>
				</a>
			</div>
			<div class="card">
				<a href="https://en.wikipedia.org/wiki/GitHub">
					<img src="https://anonyviet.com/wp-content/uploads/2018/05/github-mark.png"/>
					<h2>Github</h2>
				</a>
			</div>
		</div>


		</div>
	</body>


</html>