-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
155 lines (146 loc) · 6.4 KB
/
index.html
File metadata and controls
155 lines (146 loc) · 6.4 KB
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">
<link rel="stylesheet" media="screen and (min-width: 1100px)" href="css/widescreen.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/009036f83c.js"></script>
<title>Dream Pinnacle | Venture Capittal</title>
</head>
<body id="home">
<!-- Nav Bar -->
<nav id="navbar">
<h1 class="logo">
<span class="text-primary">
<i class="fas fa-book-open"></i> Dream</span>Pinnacle
</h1>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#what">What</a></li>
<li><a href="#who">Who</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Header: Showcase -->
<header id="showcase">
<div class="showcase-content">
<h1 class="l-heading">Sky Is The Limit</h1>
<p class="lead">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Neque quam, tempore eius
molestias.
</p>
<a href="#what" class="btn">Read More</a>
</div>
</header>
<!-- Section: What we do -->
<section id="what" class="bg-light py-1">
<div class="container">
<h2 class="m-heading text-center"><span class="text-primary">What</span> We Do</h2>
<div class="items">
<div class="item">
<i class="fas fa-university fa-2x"></i>
<div>
<h3>Investment Banking</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis cupiditate eius molestias?</p>
</div>
</div>
<div class="item">
<i class="fas fa-book-reader fa-2x"></i>
<div>
<h3>Portfolio Management</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis cupiditate eius molestias.</p>
</div>
</div>
<div class="item">
<i class="fas fa-pencil-alt fa-2x"></i>
<div>
<h3>Tax & Custodial</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis cupiditate eius molestias?</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section: Who we are -->
<section id="who">
<div class="who-image"></div>
<div class="who-text bg-dark p-2">
<h2 class="m-heading"><span class="text-primary">Who</span> We Are</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsam voluptates consequatur necessitatibus
perferendis earum tempora ea facilis, magni voluptatibus esse repellat iure, accusamus optio dolore laborum
tempore. Consequuntur, quo quas.
</p>
<h3>Our Team</h3>
<ul class="list">
<li>John Doe: CEO</li>
<li>Json Obrein: CFO</li>
<li>Ryen Salerno: Lead Accounts</li>
<li>Cara Megha: Investment Manager</li>
<li>Sara Jackson: Senior Accountant</li>
</ul>
</div>
</section>
<!-- Section: customers -->
<section id="clients" class="bg-light py-1">
<div class="container">
<h2 class="m-heading text-center">
<span class="text-primary">Our</span> Customers
</h2>
<div class="items py-1">
<div><img src="./img/logos/logo2.png" alt="Clients"></div>
<div><img src="./img/logos/logo3.png" alt="Clients"></div>
<div><img src="./img/logos/logo4.png" alt="Clients"></div>
<div><img src="./img/logos/logo5.png" alt="Clients"></div>
</div>
</div>
</section>
<!-- Section: Contact -->
<section id="contact">
<div class="contact-form bg-primary p-2">
<h4 class="m-heading">WE'RE HERE FOR YOU</h4>
<form>
<div class="form-group">
<label for="name">Name</label>
<input type="text" name="name" id="name" placeholder="e.g: Nure Siddiq">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="name" id="email" placeholder="e.g: john@gmail.com">
</div>
<div class="form-group">
<label for="phone">Phone</label>
<input type="text" name="phone" id="phone" placeholder="e.g: +01-324-456">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" id="message" placeholder="Your message ......"></textarea>
</div>
<input type="submit" value="Send" class="btn btn-dark">
</form>
</div>
<!-- Google map embed -->
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3649.734809082544!2d90.36180985015191!3d23.828027384475313!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c13a21730b43%3A0xb14a9c52d01c00d9!2sMirpur-12+Bus+Stand!5e0!3m2!1sen!2sbd!4v1564556285884!5m2!1sen!2sbd" width='100%' height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</section>
<!-- Footer -->
<footer id="main-footer" class="bg-dark text-center py-1">
<div class="container">
<p>© DreamPinnacle, All Rights Reserved</p>
</div>
</footer>
<!-- JQuery CDN -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous">
</script>
<!-- Local JS File -->
<script src="js/main.js"></script>
<!-- Google Maps JS -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBxBjRrlqlD387AlobN_SrPT0W0rHcKiOs&callback=initMap"
async defer></script>
</body>
</html>