-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (165 loc) · 6.58 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
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NEWSPAPER CF</title>
<link rel="stylesheet" href="basisstylesheet.css">
<link rel="stylesheet" href="maincontentstylesheet.css">
</head>
<body>
<!--Start of entire container for all content-->
<div class="container">
<!--Start of Header Section with logo, banner 1 and navi -->
<header id="header" class="headersection">
<div class="logo" id="logo">
<img src="img/logo-newspaper-cf.png" alt="NewspaperCFLogo" width="300px">
</div>
<div class="banner1" id="banner1">
<a href="https://www.codefactory.wien"><img src="img/banner-1.png" alt="Banner1" width="525px"></a>
</div>
</header>
<nav class="navigationtop" id="navtop">
<div class="navbar">
<a href="index.html" title="home">Home</a>
<a href="tech.html" title="tech">Tech</a>
<a href="culture.html" title="culture">Culture</a>
<a href="video.html" title="video">Video</a>
</div>
</nav>
<!--End of Header Section with logo, banner 1 and navi -->
<!--Start of the Complete Main Content Section -->
<main class="maincontent" id="maincontentsection">
<!--Maincontent of the website-->
<div class="todaysdate">
<p id="activedate">Todays Date</p>
</div>
<div class="section1" id="sectionone"> <!--Section Divider Top News-->
<h1>Top News</h1>
</div>
<div class="row1" id="rowone">
<!--This is the section of the first flexcontainer-->
<div class="flexcontainer1">
<div class="imageset">
<figure class="figureset1">
<a href="article.html"><img src="img/nasa.png" alt="Nasaimage" width="400px" height="300px"></a>
<figcaption>NASA is trying to squash conspiracy theories about the space station leak</figcaption>
</figure>
</div>
<div class="imageset">
<figure class="figureset1">
<a href="article.html"><img src="img/eu.png" alt="EUData" width="400px" height="300px"></a>
<figcaption>EU approves controversial Copyright Directive, Including internet "link tax"</figcaption>
</figure>
</div>
<div class="imageset">
<figure class="figureset1">
<a href="article.html"><img src="img/jeff.png" alt="JeffBezos" width="400px" height="300px"></a>
<figcaption>Jeff Bezos is going to create schools where "the child is the customer"</figcaption>
</figure>
</div>
<!--SECTION HEADER within flexcontainer1-->
<div class="section2" id="sectiontwo">
<h1>Popular</h1>
</div>
<!--End of Section Header within flexcontainer1-->
<div class="imageset">
<figure class="figureset1">
<a href="article.html"><img src="img/polar.png" alt="polarwatches" width="400px" height="300px"></a>
<figcaption>Polar's new fitness watch will measure the wattage of your exercise</figcaption>
</figure>
</div>
<div class="imageset">
<figure class="figureset1">
<a href="article.html"><img src="img/musk.jpg" alt="ElonMusk" width="400px" height="300px"></a>
<figcaption>Elon Musk smokes marijuana live on web show</figcaption>
</figure>
</div>
<div class="imageset">
<figure class="figureset1">
<a href="article.html"><img src="img/snowden.jpg" alt="Snowdenarticle" width="400px" height="300px"></a>
<figcaption>Edward Snowden Surveillance powers ruled unlawful</figcaption>
</figure>
</div>
</div>
<!--End of Flexcontainer1-->
<!--Start of Flexcontainer2 section for Banner 2 -->
<div class="flexcontainer2">
<div class="banner2" id="bannertwo"> <!--Right Sidebar first Image-->
<a href="https://www.codefactory.wien"><img src="img/banner-2.png" alt="Banner2" width="235px"></a>
</div>
</div>
<!--End of flexcontainer2 section for Banner 2-->
</div>
<!--End of Row1 Section -->
<!--Banner3 Section Stand alone-->
<div class="banner3" id="bannerthree">
<a href="https://www.codefactory.wien"><img src="img/banner-3.png" alt="Banner3"></a>
</div>
<!--End of banner3 section stand alone-->
<!--Start of Row2 Section -->
<div class="row2" id="rowthree">
<div class="flexcontainer3">
<div class="imageset2">
<figure>
<a href="article.html"><img src="img/iphone.png" alt="iphone" width="625px" height="500px"></a>
<figcaption>How to preorder the iPhone XS, XS Max, and XR</figcaption>
</figure>
</div>
<div class="imageset2">
<figure>
<a href="article.html"><img src="img/smart.png" alt="smartpowerstrips" width="625px" height="500px"></a>
<figcaption>This smart power strip lets you individually control each outlet</figcaption>
</figure>
</div>
<div class="imageset2">
<figure>
<a href="article.html"><img src="img/one.png" alt="oneplus" width="625px" height="500px"></a>
<figcaption>OnePlus announces super cheap USB-C earbuds</figcaption>
</figure>
</div>
<div class="imageset2">
<figure>
<a href="article.html"><img src="img/phone.png" alt="spotify" width="625px" height="500px"></a>
<figcaption>Spotify raises limit for offline downloads to 10,000 songs per device</figcaption>
</figure>
</div>
</div>
<!--End of Flexcontainer3 Section-->
<!--Start of Flexconainer4 for Banner4 Section-->
<div class="flexcontainer4">
<div class="banner4" id="bannerfour">
<a href="https://www.codefactory.wien"><img src="img/banner-4.png" alt="Banner4" width="240px"></a>
</div>
</div>
<!--End of flexcontiner4 for banner4 section-->
</div>
</main>
<!--End of Main Section -->
<div class="contentspacer"></div>
<footer class="footer">
<div class="navbarbottom">
<a href="index.html" title="home">Home</a>
<a href="tech.html" title="tech">Tech</a>
<a href="culture.html" title="culture">Culture</a>
<a href="video.html" title="video">Video</a>
</div>
<div class="footerlogo">
<img src="img/logo-newspaper-cf.png" alt="NewspaperCFLogo" width="200px">
</div>
<div class="copyright">
<p>© Jamie Slaats - CodeFactory 2019</p>
</div>
</footer>
<script>
var currentDate = new Date();
var day = currentDate.getDate();
var month = currentDate.getMonth() + 1;
var year = currentDate.getFullYear();
var activedate = ("Today is: " + day + "." + month + "." + year);
document.getElementById("activedate").innerHTML=activedate;
</script>
</div>
</body>
</html>