-
Notifications
You must be signed in to change notification settings - Fork 0
/
float.html
103 lines (92 loc) · 3.96 KB
/
float.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Float</title>
<link rel="stylesheet" href="float.css">
<link href="https://unpkg.com/[email protected]/dist/css/ionicons.min.css" rel="stylesheet">
</link>
</head>
<body>
<header>
<h1>Welcome to Kwagei Innovators Training</h1>
<nav>
<ul>
<li><a href="./grid.html">Grid</a></li>
<li><a href="./flexbox.html">Flexbox</a></li>
<li><a class="active" href="./float.html">Float</a></li>
</ul>
</nav>
</header>
<main>
<!-- about kwagei -->
<section class="about">
<summary class="about-top">
<h3>Kwagei Group</h3> <br>
<p>
We are a team of user-centered designers and software engineers in Liberia. <br><br>
Kwagei Group builds products for communications and payments, trains world-class
software engineers, and helps clients with their disitalization initiatives.
</p>
</summary>
<div class="img">
<img src="./img/me.jpg" alt="">
<h4>Kpetermeni Siakor - CEO & FOUNDER <br> Kwagei Group</h4>
</div>
<summary class="about-bottom">
<p>
The name, Kwagei, is taken from the kpelle language and means <strong>"we are doing it"</strong> or <strong>"collective actor"</strong>
to contrast mere talking about problems and their solutions.
</p>
</summary>
</section>
<!-- contacts -->
<section class="contact">
<form>
<h3>For More Info:</h3>
<input type="text" placeholder="Name">
<input type="email" placeholder="Email">
<input type="tel" placeholder="Phone number">
<textarea name="" id="" cols="30" rows="5" placeholder="Message"></textarea>
<input type="submit">
</form>
<aside>
<ul>
<li class="title">
Contact:
<ul class="nested-list">
<li>@kwagei.com</li>
<li>+23177</li>
<li>+23188</li>
</ul>
</li>
<li class="title">
Email:
<ul class="nested-list">
<li>@[email protected]</li>
</ul>
</li>
<li class="title">
Location:
<ul class="nested-list">
<li>congo Town, Monrovia, Liberia</li>
</ul>
</li>
<li class="title">
<ul class="nested-list">
<li>
<a href="#"> <ion-icon size="large" name="logo-facebook"></ion-icon></a>
<a href="#"><ion-icon size="large" name="logo-instagram"></ion-icon></a>
<a href="#"><ion-icon size="large" name="logo-twitter"></ion-icon></a>
</li>
</ul>
</li>
</ul>
</aside>
</section>
</main>
<footer>
<h5>Group C: Css -Grid, -Flexbox, -Float</h5>
</footer>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
</body>
</html>