-
Notifications
You must be signed in to change notification settings - Fork 0
/
MyWebsite.html
105 lines (93 loc) · 5.21 KB
/
MyWebsite.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
<!DOCTYPE html>
<html>
<head>
<title>Modern Tech</title>
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz"
crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="MyWebsite.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a href="" class="navbar-brand"><i class="fas fa-atom mr-2"></i>Tech</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
<div class="fluid-container">
<div class="jumbotron">
<h1 class="display-4 text-center">Modern Technology</h1>
<p class="lead">Just a gallery of tech. Sweet!</p>
</div>
</div>
<section id="Techs">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5 align-self-center">
<img class="img-fluid" src="https://zdnet3.cbsistatic.com/hub/i/r/2015/02/18/43b3b103-6e6f-4c37-b38c-10dde7035c4a/resize/1200x900/1d1745344afff4d75f9ebe9b9eff6a6e/oneplus-64-main.jpg">
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5">
<h1 class="text-center head">Touch Phone</h1>
<p class="px-2">
The modern phone. A post-industrial result of the first ever iPhone invented by apple and introduced by Steve Jobs! Ever since its conception, many companies have modernized and improved upon it making manufacturing extremely cheap!
</p>
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5 align-self-center">
<img class="img-fluid" src="https://sc01.alicdn.com/kf/HTB1EM2Cw29TBuNjy0Fcq6zeiFXaQ.jpg">
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5">
<h1 class="text-center head">Li-ion Battery</h1>
<p class="px-2">
The lithium ion battery. Invented by John B. Goodenough in the early 1980s, its the most revolutionary technology that has impacted every industry, household, and individual!!
</p>
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5 align-self-center">
<img class="img-fluid" src="https://cdn.shop.prusa3d.com/1311-large_default/original-prusa-i3-mk3-3d-printer.jpg">
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5">
<h1 class="text-center head">3D Printer</h1>
<p class="px-2">
Originally FDM 3D printing was invented by Scott Crump in the 1980's. So many patents where filed that technlogical advancements did no benefit general public, that is, until the Reprap movement by Adrian Bowyer when key patents expired in 2005.
</p>
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5 align-self-center">
<img class="img-fluid" src="https://miro.medium.com/max/1063/0*u-AnjlGU9IxM5_Ju.png">
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5">
<h1 class="text-center head">Neural Networks</h1>
<p class="px-2">
Originally invented by Frank Rosenblatt and further developed by Georffry Hinton, into what is now known as Deep Learning, has completely changed how modern business's operate due to its incredible list of applications.
</p>
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5 align-self-center">
<img class="img-fluid" src="https://pisces.bbystatic.com/image2/BestBuy_US/images/products/5793/5793127_sa.jpg;maxHeight=460;maxWidth=460">
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5">
<h1 class="text-center head">CPU</h1>
<p class="px-2">
Invented by Federico Faggin, the first commercial CPU was Intel 4004 and released in 1971. This small chip packs quite the logic processing punch!! Without it, demanding computations would not be possible!
</p>
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5 align-self-center">
<img class="img-fluid" src="https://miro.medium.com/max/898/0*1pc3uBYgX58bXF0b.jpeg">
</div>
<div class="col-xs-12 col-sm-6 col-xl-3 mb-5">
<h1 class="text-center head">WWW</h1>
<p class="px-2">
Otherwise known as the World Wide Wed, was invented by Tim Burners-Lee while working at CERN, which at the time was the largest internet node in europe. He combined it with Hypertext and created the worlds first web server.
</p>
</div>
</div>
</div>
</section>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
</body>
</html>