-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (68 loc) · 2.54 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Kai</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<div class="container">
<div class="row">
<div class="col bg-info">
<Header>
<ul class="d-flex flex-row gap-3 justify-content-center">
<li class=listItem><a href="#">About Me</a></li>
<li class=listItem><a href="#">Instagram</a></li>
<li class=listItem><a href="#">Youtube</a></li>
</ul>
</Header>
</div>
</div>
<div class="row">
<div class="col-md-8 col-sm-12">
<div class="row">
<div class="col bg-warning">
<h1>What I have acomplished</h1>
<p1>this is just a lot of text that I am filling
in.Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque
penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quis,
sem. Nulla consequat massa quis enim.</p1>
</div>
</div>
<div class="row">
<div class="col bg-success">
<h1>Web Development</h1>
<p>This is a little more of filler text.Donecpede
justo, fringilla vel, aliquet nec
vulputateeget, arcu. In enim justo, rhoncus
ut, imperdiet a, venenatis vitae, justo.
Nullam dictum feliseu pede mollis pretium.
Integer tincidunt. Crasdapibus. Vivamus
elementum semper nisi. Aeneanvulputate
eleifend tellus.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 bg-danger">
<h2>Kai</h2>
<p>I am a very ambisous indivdual</p>
</div>
</div>
<div class="row">
<div class="col bg-info">
<Footer>
<ul class="d-flex flex-row gap-3 justify-content-center">
<li class="listItem"><a href="#">Instagram</a></li>
<li class="listItem"><a href="#">Youtube</a></li>
</ul>
</Footer>
</div>
</div>
<script src="script.js"></script>
</body>
</html>