Skip to content

Commit d46c67a

Browse files
author
Senne Deproost
committed
About section
1 parent d969351 commit d46c67a

File tree

5 files changed

+60
-51
lines changed

5 files changed

+60
-51
lines changed

‎404.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,12 @@
1313
<body>
1414

1515
<!-- The App Section -->
16-
<div class="w3-padding-64 w3-black w3-animate-under">
16+
<div class="w3-padding-64 w3-black">
1717
<div class="w3-center">
1818
<h1 class="w3-xlarge w3-padding-64">Error 404: page not found</h1>
19+
<a href="/index.html">
1920
<img src="img/404.PNG" style="width:80%; max-width: 700px;">
21+
</a>
2022
</div>
2123
</div>
2224

‎img/self_1.png

854 KB
Loading

‎index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
</div>
3737

3838
<!-- The App Section -->
39-
<div class="w3-padding-64 w3-white w3-animate-under">
39+
<div class="w3-padding-64 w3-white w3-animate-opacity">
4040
<div class="w3-center">
4141
<h1 class="w3-xlarge w3-padding-64">Site under contstruction</h1>
4242
<img src="img/wip.PNG" style="width:60%; max-width: 400px;">

‎index2.html

Lines changed: 55 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,73 @@
11
<!DOCTYPE html>
22
<html>
3+
34
<head>
4-
<title>W3.CSS Template</title>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
8-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
9-
<link href="/fonts/gotham.otf" rel="stylesheet" type="otf">
10-
<link rel="stylesheet" href="style.css">
11-
<script src="/js/navbar.js"></script>
5+
<title>W3.CSS Template</title>
6+
<meta charset="UTF-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
10+
<link href="/fonts/gotham.otf" rel="stylesheet" type="otf">
11+
<link rel="stylesheet" href="style.css">
12+
<script src="/js/navbar.js"></script>
1213
</head>
14+
1315
<body>
1416

15-
<!-- Navbar -->
16-
<div class="w3-top">
17+
<!-- Navbar -->
18+
<div class="">
1719
<header class="w3-container w3-xlarge w3-padding-24 w3-black w3-left-align">
18-
<a href="/index.html" class="w3-bar-item">
20+
<a href="/index.html" class="w3-bar-item">
1921
<img src="img/logo.svg" class="w3-image w3-animate-opacity w3-padding-12" id="logo" alt="logo"></a>
20-
<a class="w3-button w3-hide-large w3-right w3-xlarge w3-hover-black w3-animate-right" id="hamburger" style="max-width:60px" href="javascript:void(0);" onclick="openNav(this)">
22+
<a class="w3-button w3-hide-large w3-right w3-xlarge w3-hover-black w3-animate-right" id="hamburger"
23+
style="max-width:60px" href="javascript:void(0);" onclick="openNav(this)">
2124
<i class="fa fa-bars"></i>
22-
</a>
23-
<a href="/contact.html" class="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small">Contact</a>
24-
<a href="/graphics.html" class="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small">Graphics</a>
25-
<a href="/research.html" class="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small">Research</a>
26-
<a href="/about.html" class="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small">About</a>
25+
</a>
26+
<a href="/contact.html" class="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small">Contact</a>
27+
<a href="/blog.html" class="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small">Blog</a>
28+
<a href="/graphics.html" class="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small">Graphics</a>
29+
<a href="/research.html" class="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small">Research</a>
2730
</header>
28-
29-
<!-- Navbar on small screens -->
30-
<div id="sidenav" class="w3-bar-block w3-black w3-left-align w3-hide w3-hide-large">
31-
<a href="/about.html" class="w3-bar-item w3-button w3-animate-left w3-large gotham">About</a>
32-
<a href="/research.html" class="w3-bar-item w3-button w3-animate-left w3-large gotham">Research</a>
33-
<a href="/graphics.html" class="w3-bar-item w3-button w3-animate-left w3-large gotham">Graphics</a>
34-
<a href="/contact.html" class="w3-bar-item w3-button w3-animate-left w3-large gotham">Contact</a>
35-
</div>
36-
</div>
3731

38-
<!-- The App Section -->
39-
<div class="w3-padding-64 w3-white w3-animate-top">
40-
<div class="w3-row-padding">
41-
<div class="w3-col l8 m6">
42-
<h1 class="w3-jumbo"><b>The App</b></h1>
43-
<h1 class="w3-xxxlarge w3-text-green"><b>Why buy it?</b></h1>
44-
<p><span class="w3-xlarge">Take photos like a pro.</span> You should buy this app because lorem ipsum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
45-
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
46-
<button class="w3-button w3-light-grey w3-padding-large w3-section w3-hide-small" onclick="document.getElementById('download').style.display='block'">
47-
<i class="fa fa-download"></i> Download Application
48-
</button>
49-
<p>Available for <i class="fa fa-android w3-xlarge w3-text-green"></i> <i class="fa fa-apple w3-xlarge"></i> <i class="fa fa-windows w3-xlarge w3-text-blue"></i></p>
32+
<!-- Navbar on small screens -->
33+
<div id="sidenav" class="w3-bar-block w3-black w3-left-align w3-hide w3-hide-large">
34+
<a href="/research.html" class="w3-bar-item w3-button w3-animate-left w3-large gotham">Research</a>
35+
<a href="/graphics.html" class="w3-bar-item w3-button w3-animate-left w3-large gotham">Graphics</a>
36+
<a href="/blog.html" class="w3-bar-item w3-button w3-animate-left w3-large gotham">Blog</a>
37+
<a href="/contact.html" class="w3-bar-item w3-button w3-animate-left w3-large gotham">Contact</a>
38+
</div>
39+
</div>
40+
41+
<div class="w3-container w3-padding-16">
42+
<div class="w3-row w3-black w3-container w3-padding-16">
43+
<h1><b></b>About</h1>
44+
<div class="w3-col s12 m4 l8">
45+
<p>This is textThis is textThis is textThis is textThis is textThis is textThis is textThis is textThis is
46+
textThis is textThis is textThis is textThis is text</p>
47+
</div>
48+
<div class="w3-col w3-right-align s12 m8 l4">
49+
<img src="img/self_1.png" style="width:50%; max-width: 500px;">
50+
</div>
51+
</div>
52+
</div>
53+
54+
<div class="w3-container w3-padding-16 w3-right-align">
55+
<div class="w3-row w3-white w3-container w3-padding-16">
56+
<h1><b></b>About</h1>
57+
<div class="w3-col s12 m4 l8">
58+
<p>This is textThis is textThis is textThis is textThis is textThis is textThis is textThis is textThis is
59+
textThis is textThis is textThis is textThis is text</p>
5060
</div>
51-
<div class="w3-col l4 m6">
52-
<img src="/w3images/img_app.jpg" class="w3-image w3-right w3-hide-small" width="335" height="471">
53-
<div class="w3-center w3-hide-large w3-hide-medium">
54-
<button class="w3-button w3-block w3-padding-large" onclick="document.getElementById('download').style.display='block'">
55-
<i class="fa fa-download"></i> Download Application
56-
</button>
57-
<img src="/w3images/img_app.jpg" class="w3-image w3-margin-top" width="335" height="471">
58-
</div>
61+
<div class="w3-col w3-center s12 m8 l4">
62+
<p>Blabla</p>
5963
</div>
6064
</div>
6165
</div>
62-
6366

6467

65-
68+
69+
70+
6671
</body>
67-
</html>
72+
73+
</html>

‎style.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ html{
1010
header{
1111
font-family: Gotham;
1212
max-height: 10%;
13+
1314
}
1415

1516
.gotham{

0 commit comments

Comments
 (0)