

	<?php include("header.php"); ?>
	<!--End Main Header -->

	<!-- Start main-content -->
<!-- 	<section class="page-title" style="background-image: url(images/background/page-title.jpg);">
		<div class="auto-container">
			<div class="title-outer">
				<h1 class="title">Website Design</h1>
				<ul class="page-breadcrumb">
					<li><a href="index.php">Home</a></li>
					<li>Website Design</li>
				</ul>
			</div>
		</div>
	</section> -->
	<!-- end main-content -->

	<section class="about-section-four cus-bg-color ptb-90">
		<div class="auto-container">
			<div class="row align-items-center">
				<!-- Image Column -->
				<div class="col-lg-7 col-md-12 wow fadeInLEft order-lg-2" data-wow-delay="600ms">
					<div class="cus-section-pic">
						<figure class="image anim-overlay">
							<img src="images/website-inner-img-001.jpg" class="w-100" alt="">
						</figure>						
					</div>
				</div>
				<!-- Content Column -->
				<div class="col-lg-5 col-md-12 wow fadeInRight order-lg-1">
					<div class="cus-section-title">
						<div class="sec-title">
							<span class="sub-title cus-sub-title">WordPress, Laravel, React Js, Shopify, WooCommerce</span>
							<h1 class="title">Web design & development services</h1>
						</div>
						<p class="text cus-text-pra">Your website is your most visible asset. It generates the greatest ROI. We welcome any CMS so let’s upgrade the face of your brand.</p>
						
						<!-- <div class="other-text color1">You need to be sure there isn't anything embarrassing hidden in the middle of text. All the lorem generators on the Internet.</div> -->
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="about-section-four ptb-90">
		<div class="auto-container">
			<div class="row align-items-center">
				<!-- Image Column -->
				<div class="col-lg-5 col-md-12 wow fadeInLEft" data-wow-delay="600ms">
					<div class="cus-section-pic">
						<figure class="image anim-overlay">
							<img src="https://dummyimage.com/600x600" class="w-100" alt="">
						</figure>						
					</div>
				</div>
				<!-- Content Column -->
				<div class="col-lg-7 col-md-12 wow fadeInRight">
					<div class="cus-section-title">
						<div class="sec-title">
							<!-- <span class="sub-title cus-sub-title">WordPress, Drupal, Shopify, WooCommerce</span> -->
							<h2 class="title">What makes a website successful?</h2>
							<h3><strong>Beauty and design are crucial.</strong></h3>
						</div>
						<p class="text cus-text-pra">When the design and the content work hand-in-hand, something magical happens. But a high-performing website does much more.</p>
						<ul class="cus-web-ul-setion">
							<li>It is fast, easy to update, and integrates with existing systems</li>
							<li>Ranks in search engines to increase traffic</li>
							<li>Brand aligned visuals and up-to-date messaging</li>
							<li>Easy for visitors to use and compels them to take action</li>
							<li>Accessible to all users and works on any device, any size screen</li>
							<li>Results are easily measured and improved</li>
						</ul>
						<p class="text font-size-22 font-weight-500 mt-2">There are a lot of key factors in web design. A great site checks all the boxes.</p>
						
						<!-- <div class="other-text color1">You need to be sure there isn't anything embarrassing hidden in the middle of text. All the lorem generators on the Internet.</div> -->
					</div>
				</div>
			</div>
		</div>
	</section>



	<section class=" ptb-90 cus-bg-color">
		<div class="auto-container">
			<div class="row align-items-center justify-content-center">
				<!-- Image Column -->
				<!-- Content Column -->
				<div class="col-lg-10 col-md-10 wow fadeInRight order-lg-1">
					<div class="">
						<div class="sec-title text-center">
							<!-- <span class="sub-title">Recent Web Design & Development Projects</span> -->
							<h3 class="title">Recent Web Design & Development Projects</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-12 wow fadeInRight order-lg-1">

				      <div class="section-padding gallery-section" id="gallery">
				        <div class="container">

				          <!-- Gallery Section Start -->

				          <div class="gallery sets">
				            <a class="all Bollywood"><img src="https://dummyimage.com/1000x800"/></a>

				            <a class="all Bollywood"><img src="https://dummyimage.com/1000x800"/></a>

				            <a class="all Bollywood"><img src="https://dummyimage.com/1000x800"/></a>
				            
				            <a class="all Bollywood"><img src="https://dummyimage.com/1000x800"/></a>
				            
				            <a class="all Hollywood"><img src="https://dummyimage.com/1000x800"/></a>
				            
				            <a class="all Hollywood"><img src="https://dummyimage.com/1000x800"/></a>
				            
				            <!-- <a class="all tv"><img src="https://i.redd.it/2s7w09k01ol91.jpg"/></a>
				            <a class="all tv"><img src="https://i.redd.it/2s7w09k01ol91.jpg"/></a> -->
				            
				          </div>
				        </div>
				      </div>
				</div>
			</div>
		</div>
	</section>


	<section class="about-section-four cus-bg-color ptb-90 d-none">
		<div class="auto-container">
			<div class="row align-items-center">
				<!-- Image Column -->
				<div class="col-lg-3 col-md-12 wow fadeInLEft order-lg-2" data-wow-delay="600ms">
					<div class="cus-section-pic">
						<figure class="image anim-overlay cus-inner-logo">
							<img src="https://dummyimage.com/200x100" class="w-100" alt="">
						</figure>						
					</div>
				</div>
				<!-- Content Column -->
				<div class="col-lg-9 col-md-12 wow fadeInRight order-lg-1">
					<div class="cus-section-title">
						<div class="sec-title">
							<!-- <span class="sub-title cus-sub-title">WordPress, Drupal, Shopify, WooCommerce</span> -->
							<h2 class="title font-size-36"><strong>“We now have the ultimate B2B online lead gen hub for the digital age.”</strong></h2>
						</div>
						<p class="text font-size-22 font-weight-300 mt-2">Orbit took our website experience up a quantum leap. From design concept through performance metrics, our new site exceeded our expectations – and from the results, our customers’ as well. Beyond being the most creative and collegial partners you’ll ever find, the Orbit team brought best practices and ideas at a level we had only dreamed of.</p>
						
						<!-- <div class="other-text color1">You need to be sure there isn't anything embarrassing hidden in the middle of text. All the lorem generators on the Internet.</div> -->
					</div>
					<div class="testimonial-block-two">
						<div class="inner-box">
							<div class="info-box">
								<figure class="thumb"><img src="images/resource/testi-thumb-3.png" alt=""></figure>
								<div class="rating">
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</div>
								<h5 class="name">David Coper</h5>
								<span class="designation">Happy Customer</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>


	<section class="about-section-four ptb-90">
		<div class="auto-container">
			<div class="row align-items-center">
				<!-- Image Column -->
				<div class="col-lg-6 col-md-12 wow fadeInLEft order-lg-2" data-wow-delay="600ms">
					<div class="cus-section-pic">
						<figure class="image anim-overlay">
							<img src="images/website-inner-img-001.jpg" class="w-100" alt="">
						</figure>						
					</div>
				</div>
				<!-- Content Column -->
				<div class="col-lg-6 col-md-12 wow fadeInRight order-lg-1">
					<div class="cus-section-title">
						<div class="sec-title">
							<!-- <span class="sub-title cus-sub-title">WordPress, Drupal, Shopify, WooCommerce</span> -->
							<h2 class="title">Great UX creates a great user experience</h2>
						</div>
						<p class="text cus-text-pra">What answers do visitors need? How far down a page do they scroll? What navigation items trigger action?</p>
						<p class="text">People need clear navigation and easy paths toward conversion. A holistic strategy organizes your site, marshalls your content, and surfaces the key information your visitors need to have a great experience.</p>
						<p class="text">That’s UX. It’s a mixture of quantitative data and human psychology. It’s how we guide people to where we want them to go.</p>
						<p class="text font-size-22 font-weight-500"><strong>Great UX is what makes your website work.</strong></p>
						
						<!-- <div class="other-text color1">You need to be sure there isn't anything embarrassing hidden in the middle of text. All the lorem generators on the Internet.</div> -->
					</div>
				</div>
			</div>
		</div>
	</section>




	<section class="about-section-four cus-bg-color ptb-90">
		<div class="auto-container">
			<div class="row align-items-center justify-content-center">
				<div class="col-lg-9">
					<div class="sec-title text-center">
						<h1>Conversion copywriting that tells your story</h1>
						<p class="text font-size-22 font-weight-300">Words matter. Your story matters. Conversion copywriting reflects your brand and lets the visitor know you can solve their problems.</p>
					</div>
				</div>
				<!-- Image Column -->
				<div class="col-lg-6 col-md-12 wow fadeInLEft mb-3" data-wow-delay="600ms">
					<div class="cus-section-title cus-conver-back">
						<div class="sec-title">
							<!-- <span class="sub-title cus-sub-title">WordPress, Drupal, Shopify, WooCommerce</span> -->
							<h2 class="title font-size-36"><strong>Qualitative and quantitative research</strong></h2>
						</div>
						<p class="text cus-text-pra font-size-20 font-weight-500">Your visitors have problems and are searching for answers. Our research reveals their information needs.</p>
						<ul class="cus-web-ul-setion">
							<li>In-depth SEO and keyword research</li>
							<li>Stakeholder interviews to learn about your organization, your visitors, and their pain points</li>
							<li>Persona creation and original brand development work</li>
						</ul>

						<p class="text font-size-22 font-weight-500"><strong>Data makes great copy possible. It’s how we begin to tell your story.</strong></p>
					</div>
				</div>
				<!-- Content Column -->
				<div class="col-lg-6 col-md-12 wow fadeInRight mb-3">
					<div class="cus-section-title cus-conver-back">
						<div class="sec-title">
							<!-- <span class="sub-title cus-sub-title">WordPress, Drupal, Shopify, WooCommerce</span> -->
							<h2 class="title font-size-36"><strong>Conversion-oriented brand storytelling</strong></h2>
						</div>
						<p class="text cus-text-pra font-size-20 font-weight-500">We’ve got the data. We know your customers. We’ve worked with your team to hone your brand voice for the web. Now it’s time to write.</p>
						<p class="text font-size-22 font-weight-100">When writing for the web, you want clean messages that answer problems. You want crisp storytelling that drives conversions. And you want to sound like, well, </p>

						<p class="text font-size-22 font-weight-500"><strong>Want to rethink your story? Let’s get it told.</strong></p>
					</div>
				</div>
			</div>
		</div>
	</section>



	<section class="about-section-four cus-bg-color-02 ptb-90">
		<div class="auto-container">
			<div class="row align-items-center justify-content-center">
				<div class="col-lg-9 col-md-12 col-12">
					<div class="sec-title text-center">
						<h1 class="text-white">Ready to talk about your website?</h1>
						<p class="text font-size-22 font-weight-300 text-white">We want you to love your website. If you’re unhappy with it, let’s talk about what Orbit can do to rekindle the romance.</p>
					</div>
					<div class="text-center">
						<a href="page-contact.html" title="" class="theme-btn btn-style-one dark-bg hover-light"><span class="btn-title ">Chat with a strategist about your website</span></a>
					</div>
				</div>
			</div>
		</div>
	</section>




	<!-- Main Footer -->
	<?php include("footer.php"); ?>


