-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (79 loc) · 4.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap.min.css.map" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;500&display=swap" rel="stylesheet">
<title>Daily CSS Challenge - Day 06</title>
</head>
<body>
<!--Menu-->
<div class="bg-image" style="background-image: url(img/bg-header.png); height: 310px; background-size: cover; width: auto;">
<nav class="navbar navbar-expand-lg navbar-light mb-5 menu-transparent">
<a class="navbar-brand" href="#"><img src="img/logo.png" alt="" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link mr-3 font-weight" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link mr-3 font-weight" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link mr-3 font-weight" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link mr-3 font-weight" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link mr-3 font-weight" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link mr-3 font-weight" href="#">Contact</a>
</li>
<li class="nav-item btn-header">
<button type="button" class="btn btn-default mr-3 color-gradient btn-header">LOG IN</button>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h3 class="title white">About Us</h3>
<p class="subtitle white">Home - About</p>
</div>
</div>
</div>
</div>
<div class="container mt-5 mb-5">
<div class="row align-items-center">
<div class="col-lg-6">
<img src="img/icon.png" class="img-width" alt="" />
</div>
<div class="col-lg-6">
<small class="gray">About Us</small>
<h3 class="font-weight mt-2 mb-2 title-header">We are dynamic team of creative an solve customer problems.</h3>
<p class="font-regular subtitle gray">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit voluptate velit esse cillum dolore eu fugiat nulla pariatur teur
occaecat cupidatat non proident, sunt in culpa.
</p>
<p class="mt-2 mb-2">
Ut enim ad minim veniam, quis nostrud exercitation ullamco aliquip ex ea commodo consequat aute irure dolor in reprehen voluptate velit esse cillum dolore eu fugiat nulla pariatur teur cupidatat non proident, sunt in
culpa.
</p>
<button type="button" class="btn btn-default mr-3 blue-gradient mt-2 mb-2">Contact Now</button>
</div>
</div>
</div>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-3.4.1.slim.min.js"></script>
<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
</body>
</html>