-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (138 loc) · 7.37 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
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
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>EXAMPLE.com is For Sale</title>
<meta name="description" content="domain for sale short description goes here.">
<!-- Favicon -->
<link rel="icon" type="image/png" href="img/brionz_red.png">
<!-- Font Awesome -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">
<!-- Shake Animation -->
<link rel="stylesheet" type="text/css" href="css/csshake.min.css">
</head>
<body>
<!-- Start your project here-->
<!--Navigation & Intro-->
<header>
<!--Navbar-->
<nav class="navbar navbar-toggleable-md navbar-dark fixed-top scrolling-navbar">
<div class="container">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand waves-effect waves-light" href="#"><img src="img/svg/brionz_red.svg" height="30px"> EXAMPLE.COM</a>
<div class="collapse navbar-collapse" id="navbarNav1">
<!--Navbar icons-->
<ul class="nav navbar-nav nav-flex-icons ml-auto">
<li class="nav-item">
<a href="https://www.facebook.com/okabrionz" target="_blank" class="nav-link"><i class="text-danger fa fa-facebook"></i> /okabrionz</a>
</li>
<li class="nav-item">
<a href="https://twitter.com/okabrionz" target="_blank" class="nav-link"><i class="text-danger fa fa-twitter"></i> @okabrionz</a>
</li>
<li class="nav-item">
<a href="https://www.instagram.com/okabrionz" target="_blank" class="nav-link"><i class="text-danger fa fa-instagram"></i> /okabrionz</a>
</li>
<li class="nav-item">
<a href="https://www.linkedin.com/okabrionz" target="_blank" class="nav-link"><i class="text-danger fa fa-linkedin"></i> /okabrionz</a>
</li>
</ul>
</div>
</div>
</nav>
<!--/.Navbar-->
<!--Mask-->
<div class="red-youtube hm-teal-slight">
<div class="full-bg-img flex-center">
<div class="container">
<div class="row" id="home">
<!--First column-->
<div class="col-lg-6">
<div class="description">
<h2 class="h2-responsive wow fadeInLeft">Domain Opportunities</h2>
<hr class="hr-light wow fadeInLeft">
<p class="wow fadeInLeft" data-wow-delay="0.4s">Lorem Objectively engineer flexible users for dynamic data. Enthusiastically redefine prospective services without premium products. Proactively network 24/365 bandwidth with granular e-markets. Intrinsicly deploy magnetic best practices without scalable "outside the box" thinking. Appropriately disintermediate web-enabled "outside the box" thinking with client-centric portals.</p>
<br>
<a class="btn btn-primary btn-lg wow fadeInLeft" data-wow-delay="0.7s">Learn more</a>
</div>
</div>
<!--/.First column-->
<!--Second column-->
<div class="col-lg-6">
<!--Form-->
<form method="POST" action="http://formspree.io/YOUREMAILHERE">
<div class="card wow fadeInRight">
<div class="card-block">
<!--Header-->
<div class="text-center">
<h3><i class="shake-constant shake-chunk fa fa-handshake-o"></i> Offer Form</h3>
<hr>
</div>
<!--Body-->
<div class="md-form">
<i class="fa fa-user prefix"></i>
<input type="text" id="form3" class="form-control">
<label for="form3">Name</label>
</div>
<div class="md-form">
<i class="fa fa-envelope prefix"></i>
<input type="text" id="form2" class="form-control">
<label for="form2">Email</label>
</div>
<!--Textarea with icon prefix-->
<div class="md-form">
<i class="fa fa-dollar prefix"></i>
<textarea type="text" id="form8" class="md-textarea"></textarea>
<label for="form8">Minimum offer $1000</label>
</div>
<div class="text-center">
<button class="btn btn-primary btn-lg">Send</button>
<hr>
<fieldset class="form-group">
<input type="checkbox" id="checkbox1">
<label for="checkbox1">Subscribe me to the newsletter</label>
</fieldset>
</div>
<p class="xs text-center"> Designed by: <a href="https://www.okabrionz.com"> <span class="text-danger">Oka bRionZ</span> </a> 2017</p>
</div>
</div>
</form>
<!--/.Form-->
</div>
<!--/Second column-->
</div>
</div>
</div>
</div>
<!--/.Mask-->
</header>
<!--Welcome Sound-->
<audio autoplay>
<source src="assets/brionz.ogg" type="audio/ogg">
<source src="assets/brionz.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<!-- /Start your project here-->
<!-- SCRIPTS -->
<!-- JQuery -->
<script async type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script async type="text/javascript" src="js/tether.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script async type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script async type="text/javascript" src="js/mdb.min.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>