-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
134 lines (101 loc) · 3.73 KB
/
index.html
File metadata and controls
134 lines (101 loc) · 3.73 KB
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap" rel="stylesheet">
<title>CF News</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8">
</head>
<body>
<header> <!-- a 'fix' picture and a banner, both in divs -->
<div>
<img src="img/logo-newspaper-cf.png">
</div>
<div id="bannerTop">
<a href="https://codefactory.wien/en/home-en/" title="CodeFactory" target="_blank"><img src="img/banner-1.png"></a>
</div>
</header>
<nav> <!-- navbar separately, used the same in the bottom? -->
<ul>
<li>Home</li>
<li>Tech</li>
<li>Culture</li>
<li>Video</li>
</ul>
</nav>
<main id="wrapper"> <!-- in the main: news container with 2 subcontainer
we also need a tech-section and 3 banners separately -->
<h4 id="topLine">Top news</h4>
<div id="news">
<div id="topLeft">
<div class="smallBoxes">
<a href="article.html" title="musk"><img src="img/nasa.png"></a>
<p>NASA is trying to squash theories about the space station leak</p>
</div>
<div class="smallBoxes">
<a href="article.html" title="musk"><img src="img/eu.png"></a>
<p>EU approves controversial Copyright Directive, Including Internet 'link tax'</p>
</div>
<div class="smallBoxes">
<a href="article.html" title="musk"><img src="img/jeff.png"></a>
<p>Jeff Bezoz is going to create schools where 'the child is the costumer'</p>
</div>
<h4 id="popDivider">Popular</h4>
<div class="smallBoxes">
<a href="article.html" title="musk"><img src="img/polar.png"></a>
<p>Polar's new fitness watch will measure the wattage of your exercise</p>
</div>
<div class="smallBoxes">
<a href="article.html" title="musk"><img src="img/musk.jpg"></a>
<p>Elon Musk smokes marijuana live on web show</p>
</div>
<div class="smallBoxes">
<a href="article.html" title="musk"><img src="img/snowden.jpg"></a>
<p>Edward Snowden surveillance powers ruled unlawful</p>
</div>
</div>
<div id="topBannerRight">
<a href="https://codefactory.wien/en/home-en/" title="CodeFactory" target="_blank"><img src="img/banner-2.png"></a>
</div>
</div>
<div id="bannerMiddle">
<a href="https://codefactory.wien/en/home-en/" title="CodeFactory" target="_blank"><img src="img/banner-3.png" width="100%"></a>
</div>
<div id="tech">
<div id="bottomLeft">
<div class="bigBoxes">
<a href="article.html" title="musk"><img src="img/iPhone.png"></a>
<p>How to preorder the iPhone XS, XS Max, and XR</p>
</div>
<div class="bigBoxes">
<a href="article.html" title="musk"><img src="img/smart.png"></a>
<p>This smart power strip lets you individually control each outlet</p>
</div>
<div class="bigBoxes">
<a href="article.html" title="musk"><img src="img/one.png"></a>
<p>OnePlus announces super cheap USB-C earbuds</p>
</div>
<div class="bigBoxes">
<a href="article.html" title="musk"><img src="img/phone.png"></a>
<p>Spotify raises limit for offline downloads to 10,000 songs per device</p>
</div>
</div>
<div id="bottomBannerRight">
<a href="https://codefactory.wien/en/home-en/" title="CodeFactory" target="_blank"><img src="img/banner-4.png"></a>
</div>
</div>
</main>
<footer>
<nav>
<ul>
<li>Home</li>
<li>Tech</li>
<li>Culture</li>
<li>Video</li>
</ul>
</nav>
<div align="right"><img src="img/logo-newspaper-cf.png"></div>
<div><p>Attila Takacs - CodeFactory 2020</p></div>
</footer>
</body>
</html>