-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (184 loc) · 10.4 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Engage Digital is a freelance software start-up agency where we help businesses and companies scale with an affordable price.">
<meta name="keywords" content="Engage Digital, engage digital, start-up, HTML,CSS,JavaScript,Software,Business,Digital,Engage,Marketing">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Engage Digital | Grow with Us</title>
<link rel="stylesheet" href="./resources/stylesheet/style.css">
<link rel="icon" href="./resources/images/engagelogo.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" </head>
<body>
<nav class="navbar">
<div class="brand-title">
<a href="#"><img src="./resources/images/engagelogo.png" class="img-logo" alt="Logo Image">Engage</a>
</div>
<div class="burgerbtn">
<a href="#wala" class="toggle-button">
<i class="fa fa-bars" id="burger-btn"></i>
</a>
</div>
<div class="navbar-links">
<ul>
<li><a href="#home">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>
<main>
<article id="home" class="main-con">
<section class="first-con">
<h1>Grow your Business<br> with Engage.</h1>
<p>We build elegant responsive websites, landing pages, <br> web applications, and software solutions to help your business grow <br> and enhance its digital presence.
</p>
<br>
<p>
We don't just produce the <strong> foremost value</strong>, we are also <strong>passionate</strong> for brilliant ideas. Let's build yours together!
</p>
<a href="#contact">
<button class="btn-primary">Get in Touch</button>
</a>
</section>
<section class="main-img">
<img class="img-main" src="./resources/images/undraw_engineering_team_u99p.svg" alt="unDraw Engineering Team" />
</section>
</article>
<article class="services-con">
<section class="our-services" id="services">
<h2>Our Services</h2>
<p>Our team provides efficient solutions that can be scaled to grow your business or company in the long run.</p>
</section>
<section class="flex-services">
<div class="box">
<img src="./resources/images/negotiation.png" alt="crosshands with candlestick">
<h3>Affordable</h3>
<p>Our pocket-friendly solutions are built with enthusiasm and effectiveness.</p>
</div> <br>
<div class="box">
<img src="./resources/images/internet.png" alt="www with arrow">
<h3>Website</h3>
<p>Enhance the brand image by uplifting your digital presence with a professionally designed website.</p>
</div> <br>
<div class="box">
<img src="./resources/images/responsive.png" alt="devices">
<h3>Responsiveness</h3>
<p>Our websites are completely compatible when viewing from phone to computers.</p>
</div>
</section>
</article>
<article class="about-us" id="about">
<section class="about-text">
<h2>About Us.</h2>
<p>To ensure project satisfaction, we consistently engage our clients in the development process. We keep our clients up to date on project development on a frequent basis so that we can facilitate rapid modifications.</p>
<a href="#contact">
<button class="btn-primary">
Contact
</button>
</a>
</section>
<br>
<section class="about-img">
<img src="./resources/images/undraw_Team_re_0bfe (1).png" alt="">
</section>
</article>
<article class="container" id="contact">
<div class="content">
<div class="left-side">
<div class="address details">
<i class="fas fa-map-marker-alt"></i>
<div class="topic">Address</div>
<div class="text-one">Pangasinan, Philippines</div>
<!--<div class="text-two"></div>-->
</div>
<div class="phone details">
<i class="fas fa-phone-alt"></i>
<div class="topic">Phone</div>
<div class="text-one">0912 345 6789</div>
<!--<div class="text-two">+0096 3434 5678</div>-->
</div>
<div class="email details">
<i class="fas fa-envelope"></i>
<div class="topic">Email</div>
<div class="text-one">contact@engageph.com</div>
<!-- <div class="text-two">info.codinglab@gmail.com</div>-->
</div>
</div>
<div class="right-side">
<div class="topic-text">Schedule a Free Consultation!</div>
<p style="color: hsl(192, 100%, 9%);">We can schedule a free consultation and we can talk about how we can work together on providing you a solution. </p>
<form action="#">
<div class="input-box">
<input type="text" placeholder="Name">
</div>
<div class="input-box">
<input type="text" placeholder="Email">
</div>
<div class="input-box message-box">
<input type="text" placeholder="Message">
</div>
<div class="button">
<input type="button" value="Send Message">
</div>
</form>
</div>
</div>
</article>
</main>
<!-- Site footer --
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6">
<h6>About</h6>
<p class="text-justify">Scanfcode.com <i>CODE WANTS TO BE SIMPLE </i> is an initiative to help the upcoming programmers with the code. Scanfcode focuses on providing the most efficient code or snippets as the code wants to be simple. We will help programmers
build up concepts in different programming languages that include C, C++, Java, HTML, CSS, Bootstrap, JavaScript, PHP, Android, SQL and Algorithm.</p>
</div>
<div class="col-xs-6 col-md-3">
<h6>Categories</h6>
<ul class="footer-links">
<li><a href="http://scanfcode.com/category/c-language/">C</a></li>
<li><a href="http://scanfcode.com/category/front-end-development/">UI Design</a></li>
<li><a href="http://scanfcode.com/category/back-end-development/">PHP</a></li>
<li><a href="http://scanfcode.com/category/java-programming-language/">Java</a></li>
<li><a href="http://scanfcode.com/category/android/">Android</a></li>
<li><a href="http://scanfcode.com/category/templates/">Templates</a></li>
</ul>
</div>
<div class="col-xs-6 col-md-3">
<h6>Quick Links</h6>
<ul class="footer-links">
<li><a href="http://scanfcode.com/about/">About Us</a></li>
<li><a href="http://scanfcode.com/contact/">Contact Us</a></li>
<li><a href="http://scanfcode.com/contribute-at-scanfcode/">Contribute</a></li>
<li><a href="http://scanfcode.com/privacy-policy/">Privacy Policy</a></li>
<li><a href="http://scanfcode.com/sitemap/">Sitemap</a></li>
</ul>
</div>
</div>
<hr>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12">
<p class="copyright-text">Copyright © 2017 All Rights Reserved by
<a href="#">Scanfcode</a>.
</p>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<ul class="social-icons">
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li><a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</footer> -->
<script src="./resources/js/script.js"></script>
</body>
</html>