-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (85 loc) · 3.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Brand</title>
<!-- This is the CSS reset-->
<link rel="stylesheet" href="cssreset.css">
<!-- This is my own stylesheet-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
</nav>
</header>
<main>
<div class="title">
<h1>Build a landing page for your business or project and generate more leads!</h1>
</div>
</main>
<div class="buzzwords">
<div class="buzzword1">
<h3>Fully responsive</h3>
<p>This theme will look great on any device, no matter the size!</p>
</div>
<div class="buzzword1">
<h3>Bootstrap 4 ready</h3>
<p>Featuring the latest build of the new Bootstrap 4 framework!</p>
</div>
<div class="buzzword1">
<h3>Easy to use</h3>
<p>Ready to use with your own content, or customise the source file!</p>
</div>
</div>
<div class="cards">
<div class="card1">
<h2>Fully responsive design</h2>
<p>When you use a theme created on Bootstrap, you know that the theme will look great on any device, whether it's a phone, tablet, or desktop, the page will behave responsively!</p>
</div>
<div class="image1"></div>
</div>
<div class="cards">
<div class="image2"></div>
<div class="card1">
<h2>Updated for Bootstrap 4</h2>
<p>Newly improved, and full of great utility classes, Bootstrap 4 is leading the way in mobile responsive web design development! All of the themes are now using Bootstrap 4!</p>
</div>
</div>
<div class="cards">
<div class="card1">
<h2>Easy to use & customise</h2>
<p>Landing page is just HTML and CSS with a splash of SCSS for users who demand some deeper customisation options. Out of the box, just add your content and images, and your new landing page will be ready to go!</p>
</div>
<div class="image3"></div>
</div>
<div>
<h2>What people are saying...</h2>
</div>
<div class ="testimonials">
<div class = "testimonials1">
<img src="img/testimonials-1.jpg" alt="Woman smiling">
<h4><strong>Margaret E.</strong></h4>
<p>"This is fantastic! Thanks so much guys!"</p>
</div>
<div class = "testimonials1">
<img src="img/testimonials-2.jpg" alt="Man smiling">
<h4><strong>Fred S.</strong></h4>
<p>"Bootstrap is amazing! I've been using it to create lots of super nice landing pages.</p>
</div>
<div class = "testimonials1">
<img src="img/testimonials-3.jpg" alt="Woman smiling">
<h4><strong>Margaret E.</strong></h4>
<p>"Thanks so much for making this free resource available to us!"</p>
</div>
</div>
<div class = "signup">
<h2>Ready to get started? Sign up now!</h2>
<p>Hello</p>
</div>
</div>
<footer>
</footer>
</body>
</html>