-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
97 lines (91 loc) · 4.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Light Mode | Welcome</title>
</head>
<body>
<header id="mainheader">
<nav id="navbar">
<div class="container">
<h1 class="logo">Light Mode</h1>
<ul>
<li><a href="#mainheader">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<div id="showcase">
<div class="container">
<h1 class="display-1">Learn more withlight mode</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque, ut velit reiciendis quam architecto exercitationem hic possimus autem quidem quisquam quae molestiae ducimus explicabo pariatur!</p>
<a href="#servicces" class="btn btn-light">Services</a>
</div>
</div>
</header>
<section id="services">
<div class="container">
<h2 class="display-2">Services</h2>
<div class="services-row">
<div class="services-box">
<img src="/img/services-1.png" alt="">
<h4>Business Plan Services</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Expedita a quidem non vitae iusto obcaecati optio, praesentium dolorem, commodi iste blanditiis ex qui nulla voluptas tempora accusantium soluta consequuntur! Deleniti.</p>
</div>
<div class="services-box">
<img src="/img/services-2.png" alt="">
<h4>Brand Identity</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Expedita a quidem non vitae iusto obcaecati optio, praesentium dolorem, commodi iste blanditiis ex qui nulla voluptas tempora accusantium soluta consequuntur! Deleniti.</p>
</div>
<div class="services-box">
<img src="/img/services-3.png" alt="">
<h4>Social Media Planning</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Expedita a quidem non vitae iusto obcaecati optio, praesentium dolorem, commodi iste blanditiis ex qui nulla voluptas tempora accusantium soluta consequuntur! Deleniti.</p>
</div>
</div>
</div>
</section>
<section id="about">
<div class="container">
<h2 class="display-2">About</h2>
<div class="about-left">
<p class="large">Lorem ipsum dolor sit amet consectetur adipisicing elit. At consequuntur rerum ullam dolor? Necessitatibus illum odit optio tempore cumque reprehenderit recusandae id. Nostrum, aliquid. Ipsa perspiciatis soluta et.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit velit cum, tempora laudantium quis in distinctio accusamus esse rem, et quo, mollitia eveniet delectus harum officiis sunt incidunt exercitationem hic? Labore aspernatur ea quod totam aliquam a alias dignissimos voluptatibus.</p>
</div>
<div class="about-right">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi cupiditate voluptatum a delectus ratione recusandae possimus corrupti assumenda autem numquam fuga quisquam id dolorum, eveniet maxime unde explicabo dolor. Voluptatum unde modi neque ab optio nostrum exercitationem accusamus dolor magni.</p>
<p class="small">Lorem ipsum dolor sit amet consectetur, adipisicing elit. At iste itaque, a reiciendis sit omnis qui illum delectus deserunt corporis iusto voluptate officia aliquid possimus rerum? Sequi eos, pariatur quod ea rerum vero delectus hic.</p>
<p class="small">Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi, doloribus officiis natus quibusdam ab nam a perspiciatis enim vero quis impedit. Quas deserunt veritatis, doloremque, ut, dolorum soluta libero eos voluptates molestias ipsa at obcaecati. Amet sequi iusto error quidem magni dolor doloribus autem doloremque molestiae nulla odio, quod ipsum consequuntur voluptate. Repellendus quibusdam veniam cum debitis, dolorem nihil nam!</p>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<h2 class="display-2">Contact</h2>
<form action="">
<div class="form-group">
<label for="name">Name</label>
<input class="form-control" type="text">
</div>
<div class="form-group">
<label for="name">Email</label>
<input class="form-control" type="email">
</div>
<div class="form-group">
<label for="name">Message</label>
<textarea class="form-control" name="message" id="message" cols="30" rows="10"></textarea>
</div>
<button class="btn btn-dark">Contact Us</button>
</form>
</div>
</section>
<footer id="mainfooter">
<a href="https://twitter.com/irimaya?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @irimaya</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</footer>
</body>
</html>