-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgrowth.html
79 lines (74 loc) · 4.3 KB
/
growth.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Web Dev - Growth </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="assets/img/baseline_pageview_white_24dp.png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
<link href="assets/css/styles.css" rel="stylesheet">
</head>
<body style="margin: 0;">
<div class ="gridcontainer">
<nav class="nav">
<div class="titre">
<img src="assets/img/baseline_pageview_black_24dp.png">
<span class="text-primary" style="margin-right: 5px;">Web</span> <span class="text-dark"> Dev</span>
</div>
<button class="nav-item" style="grid-column: 4;" onclick="location.href='index.html'"">Home</button>
<button class="nav-item" style="grid-column: 5;" onclick="location.href='beginning.html'"">Beginning</button>
<button class="nav-item" style="grid-column: 6;" onclick="location.href='growth.html'"">Growth</button>
<button class="nav-item" style="grid-column: 7;" onclick="location.href='dev.html'"">Dev</button>
<button class="nav-item" style="grid-column: 8;" onclick="location.href='aboutus.html'"">About us</button>
</nav>
<div class="content">
<div class="growcontent">
<div class="growtitle">
<a class="text-primary" style="font-size: 35px;">Web </a>
<a class="text-dark-bold" style="font-size: 35px;">Growth through time</a>
</div>
<div class="growpara">
The internet has been one of our most transformative and fast-growing technologies.
Globally the number of internet users increased from only <a class="text-primary">413 million</a> in 2000 to over
<a class="text-primary">3.4 billion</a> in 2016. The one billion barrier was crossed in 2005. Every day over
the past five years, an average of 640,000 people went online for the first time.
As seen by the graph below , the number of websites is growing as well , so the web
not only increases in users, but also in content.
</div>
<div class="growimg">
<img c src="./assets/img/web-growth.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<div class="begincontent">
<p class="beginpara text-dark">
<a class="beginparatitle"> Changes in Web : </a><br> <br>
Websites first started as simple text pages whose purpose was to convey information , so it didn't have the appeal that it has today.
<br><br>
Then <a class="text-primary" >HTML </a> was decalred as the official standard for web pages , which allowed some customization as shown in the first Microsoft server on the right.This looked better than the first version , but still a long way from today.
<br><br>
The next evolution was the appearance of <a class="text-primary" >Table Based Design</a>.This looked more organized and allowed smooth navigation and design.
<br><br>
Around the early 2000s, <a class="text-primary" >CSS</a> designs started to become more popular, and more browsers started supporting it. So the layout now looked much more smooth and very close to what we're using today.
</p>
<a class="beginimg1">
<img src="./assets/img/web1.png" style="max-width: 100%;max-height: 100%;">
</a>
<a class="beginimg2">
<img src="./assets/img/web2.gif" style="max-width: 100%;max-height: 100%;">
</a>
<a class="beginimg3">
<img src="./assets/img/web3.png" style="max-width: 100%;max-height: 100%;">
</a>
<a class="beginimg4">
<img src="./assets/img/web4.png" style="max-width: 100%;max-height: 100%;">
</a>
</div>
</div>
<footer class="footer">
<a>Created by Amine Braham for Web Dev class 2021</a>
<br>
<a>[email protected]</a>
</footer>
</div>
</body>