-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
191 lines (144 loc) · 7.82 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Sonu kumar kushwaha">
<meta name="email" content="[email protected]">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<title>Famous Company Card</title>
<link rel="stylesheet" href="./style.css">
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> -->
</head>
<body>
<div class="container text-center ">
<br><br>
<h1>Company Card</h1>
<p class="lead text-muted text-center">About Some Famous Company</p>
<br>
</div>
<main class="bg-light ">
<div class="container ">
<div class="row text-center">
<!-- -->
<div class="fullCard ">
<div class="cardContent">
<div class="cardText">
<h4>Facebook</h4>
<hr>
<p>Facebook was founded by Mark Zuckerberg along with his fellow roommates and students
at Harvard College. </p>
</div>
<div class="cardLinks">
<a href="https://en.wikipedia.org/wiki/Mark_Zuckerberg" target="_blank"
class="links">Mark Zuckerberg</a>
</div>
</div>
</div>
<!-- -->
<div class="fullCard ">
<div class="cardContent">
<div class="cardText">
<h4>Google</h4>
<hr>
<p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at
Stanford
University.</p>
</div>
<div class="cardLinks">
<a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry
Page</a>
<a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey
Brin</a>
</div>
</div>
</div>
<!-- -->
<div class="fullCard ">
<div class="cardContent">
<div class="cardText">
<h4>Apple</h4>
<hr>
<p>Apple was founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in April 1976. <br>
It is well known for its size and revenues.</p>
</div>
<div class="cardLinks">
<a href="https://en.wikipedia.org/wiki/Steve_Jobs" target="_blank" class="links">Steve
Jobs</a>
<a href="https://en.wikipedia.org/wiki/Steve_Wozniak" target="_blank"
class="links">Steve Wozniak</a>
<a href="https://en.wikipedia.org/wiki/Ronald_Wayne" target="_blank"
class="links">Ronald Wayne</a>
</div>
</div>
</div>
<!-- -->
<div class="fullCard ">
<div class="cardContent">
<div class="cardText">
<h4>Amazon</h4>
<hr>
<p>Amazon was founded by Jeff Bezos in Bellevue, Washington, on July 5, 1994. <br> It is the world's most valuable brand. </p>
</div>
<div class="cardLinks">
<a href="https://en.wikipedia.org/wiki/Jeff_Bezos" target="_blank" class="links">Jeff
Bezos </a>
</div>
</div>
</div>
<!-- -->
<!-- -->
<div class="fullCard ">
<div class="cardContent">
<div class="cardText">
<h4>Netflix</h4>
<hr>
<p>Netflix, Inc. is an American technology and media services provider and production company <br/> headquartered in Los Gatos, California.
Netflix was founded in 1997 by Reed Hastings and Marc Randolph in Scotts Valley, California. </p>
</div>
<div class="cardLinks">
<a href="https://en.wikipedia.org/wiki/Reed_Hastings" target="_blank" class="links">Reed_Hastings</a>
<a href="https://en.wikipedia.org/wiki/Marc_Randolph" target="_blank" class="links">Marc_Randolph</a>
</div>
</div>
</div>
<!-- -->
<div class="fullCard ">
<div class="cardContent">
<div class="cardText">
<h4>Microsoft</h4>
<hr>
<p>Microsoft was founded by Bill Gates and Paul Allen on April 4, 1975, to develop and sell BASIC interpreters for the Altair 8800. </p>
</div>
<div class="cardLinks">
<a href="https://en.wikipedia.org/wiki/Bill_Gates" target="_blank" class="links">Bill Gates</a>
<a href="https://en.wikipedia.org/wiki/Paul_Allen" target="_blank" class="links">Paul Allen</a>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p>Made by <a href="https://github.com/flyingsonu122" target="_blank">Sonu </a> </p>
</div>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"></script>
</body>
<!--- Made with love by Sonu kumar kushwaha -->
</html>