-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (131 loc) · 7.27 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noodp">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>CoreMotion</title>
<link rel="shortcut icon" href="assets/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,600|Raleway:300,400" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6E0M68MY7T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-6E0M68MY7T');
</script>
</head>
<body>
<div id="main">
<div id="page-loader">
<div class="spinner-container">
<div class="css-spinner"></div>
</div>
</div>
<section id="hero" class="hero hero-1">
<div class="front-content page-enter-animated">
<div class="container-mid">
<img class="logo" src="assets/images/logo-coremotion.svg" alt="logo" style="width: 300px;">
<div class="cycle-wrapper">
<div id="cycle">
<div class="slide">
<h1>DEVELOPMENT<span> & </span><br>CREATIVE DIGITAL<br>SOLUTIONS.</h1>
</div>
<!-- <div class="slide">
<h1>AGENCY<span> & </span><br>BUSINESS DESIGN<br>STRATEGYS.</h1>
</div>
<div class="slide">
<h1>MODERN<span> & </span><br>CREATIVE TEMPLATE<br>DEVELOPMENT.</h1>
</div> -->
</div>
</div>
<p>OUR WEBSITE IS COMING SOON</p>
<div class="arrow-wrap go-down">
<div class="open-overlay down-button"> <i class="ti-arrow-down"></i> <i class="ti-arrow-down"></i> </div>
</div>
</div>
</div>
<div class="background-content page-enter-animated">
<div class="level-1">
<div class="bg-overlay"></div>
<div class="bg-pattern"></div>
<div id="canvas">
<canvas class="bg-effect layer" data-depth="0.2"></canvas>
</div>
</div>
<div class="level-2">
<div class="bg-image layer" data-depth="0.04"></div>
<div class="bg-video layer" data-depth="0.04"></div>
<div class="bg-color layer" data-depth="0.04"></div>
</div>
</div>
</section>
<div id="overlay">
<section class="overlay">
<div id="about" class="content">
<div class="container-mid">
<div class="container">
<h1>OUR MISSION</h1>
<p> As experienced developers, our mission is to create high quality, polished apps for the iOS, Mac OS, Android and Windows mobile.</p>
<form action="assets/php/subscribe.php" method="post" class="subscribe-form">
<div class="row">
<div class="col-lg-12">
<div class="input-group input-group-lg">
<input type="text" name="email" placeholder="* Enter your email to Subscribe!" class="email form-control">
<div class="fhp-input"><input type="text" name="phone" placeholder="* Enter your phone to Subscribe!" class="email form-control"></div>
<div class="input-group-btn"><button type="submit" class="btn btn-primary form-control"> <i class="ti-arrow-right first"></i><i class="ti-arrow-right second"></i> </button></div>
</div>
</div>
</div>
</form>
<ul class="social-icons">
<li>
<a data-placement="bottom" title="Facebook" class="ti-facebook" target="_blank" href="https://www.facebook.com/CoreMotion-125231945983508">
<div class="overlay"></div>
</a>
</li>
<li>
<a data-placement="bottom" title="Twitter" class="ti-twitter-alt" href="#">
<div class="overlay"></div>
</a>
</li>
<li>
<a data-placement="bottom" title="Linkedin" class="ti-linkedin" target="_blank" href="https://www.linkedin.com/company/coremotioncompany" >
<div class="overlay"></div>
</a>
</li>
<li>
<a data-placement="bottom" title="Contact" class="fa fa-envelope go-down" href="#">
<div class="overlay"></div>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="overlay">
<div id="contact" class="content">
<div class="container-mid">
<div class="container">
<h1>Contact</h1>
<p> Want to say hello? Want to know more about us? Drop us an email and we will get back to you as soon as we can. </p>
<form id="contact-form" action="assets/php/contact.php" method="post">
<div class="control-group"> <label class="nameLabel">Name</label> <input id="contact-form-name" type="text" name="name" class="form-control"> </div>
<div class="control-group"> <label class="emailLabel">Email</label> <input id="contact-form-email" type="text" name="email" class="form-control"> </div>
<div class="control-group fhp-input"> <label class="phoneLabel">Phone</label> <input id="contact-form-phone" type="phone" name="phone" class="form-control"> </div>
<div class="control-group"> <label class="messageLabel">Message</label> <textarea id="contact-form-message" name="message" class="form-control"></textarea> </div>
<div class="control-group"> <button type="submit" class="form-control"> <i class="ti-arrow-right first"></i> <i class="ti-arrow-right second"></i> </button> </div>
</form>
</div>
</div>
</div>
</section>
<div class="up-button go-up"><i class="ti-arrow-up"></i><i class="ti-arrow-up"></i></div>
</div>
</div>
<script type="text/javascript" src="assets/js/xsg235t4r1r.js"></script>
</body>
</html>