Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✨ Add Services Page #11

Draft
wants to merge 6 commits into
base: master
Choose a base branch
from
Draft

✨ Add Services Page #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
9965690
:construction: Add service Template Page
ashawe Jul 30, 2020
c91d786
:sparkles: NEW: Website Development Service Page.
ashawe Aug 3, 2020
04051d0
:construction: IMPROVE: Add Web design service. Add footer links
ashawe Aug 3, 2020
3324487
:sparkles: NEW: Add App Development Service page.
ashawe Aug 3, 2020
a7ab8ef
:sparkles: NEW Add Marketing service page.
ashawe Aug 4, 2020
01edf7c
:pencil2: [CONTENT] Add SEO. Fix content.
ashawe Aug 6, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@
<a href="about.html" class="">About</a>
</li>
<li class="dropdown submenu">
<a href="services.html" class=""> Services</a>
<a href="index.html#services" class=""> Services</a>
</li>
<li class="dropdown submenu">
<a href="blog.html" class="">Blog</a>
Expand Down
270 changes: 270 additions & 0 deletions app-dev.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,270 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> App Development </title>
<!-- Favicon -->
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<!-- Bootstrap CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- Animate CSS -->
<link href="assets/vendors/animate/animate.css" rel="stylesheet">
<!-- I00con CSS-->
<link rel="stylesheet" href="assets/vendors/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/vendors/font-awesome/css/solid.min.css">
<link rel="stylesheet" href="assets/vendors/font-awesome/css/brands.min.css">
<!-- Owlcarousel CSS-->
<link rel="stylesheet" type="text/css" href="assets/vendors/owl_carousel/owl.carousel.css" media="all">
<!--Template Styles CSS-->
<link rel="stylesheet" type="text/css" href="assets/css/style.css" media="all" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
</head>

<body>

<div class="bg-banner-img clip-ellipse">
<div class="ovrllay">

<!-- Header_Area -->
<nav class="navbar navbar-default header_aera affix-top">
<div class="container m-s">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-4 p0">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#min_navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo-biss" href="index.html">Coding & Decoding</a>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="col-md-8 p0">
<div class="collapse navbar-collapse" id="min_navbar">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown submenu">
<a href="index.html" class="">Home</a>
</li>
<li class="dropdown submenu">
<a href="about.html" class="">About</a>
</li>
<li class="dropdown submenu">
<a href="index.html#services" class=""> Services</a>
</li>
<li class="dropdown submenu">
<a href="blog.html" class="">Blog</a>
</li>
<li class="dropdown submenu">
<a href="contact.html" class="">Contact</a>
</li>

</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</div>
<!-- /.container -->
</nav>
<!-- End Header_Area -->
<!-- #banner start -->
<section id="banner" class=" pt-0">
<div class="container ">
<div class="row">
<!-- #banner-text start -->
<div id="banner-text" class="col-md-12 text-c text-center ">
<h5 class="wow fadeInUp main-h" data-wow-delay="0.2s">Services</h5>
<p class="banner-text wow fadeInUp main-h3" data-wow-delay="0.8s">We innovate and create unique
and hassel free solutions for your unique problems! <br> Our aim is to provide you the best
experience while working with us!</p>
</div>
<!-- /#banner-text End -->
</div>
</div>
</section>
</div>
</div>

<!-- /#banner end -->
<!-- #About Us Area start -->
<div id="about" class=" back-right-text-c py-70 pt-100">
<div class="container">
<div class="row text-center ">
<div class="title-left wow fadeInUp">
<h1 class="text-left"> Mobile App Development </h1>
<p class="about_s2">An app shows your unique idea. It shows your creativity! Here at Coding & Decoding we
know how give life to your unique app ideas, how to make them come alive and create the perfect app
for you. </p>
<p class="about_s2">Mobile Apps in today's world are seen as more personalized mediums of approach rather
than websites. They present an option of showcasing an organization services, updates and work
more efficiently and consistently. We can help you in creating, captivating out of the box Mobile Apps
UI/UX resulting in direct communication with minimum hassle.
</p>
</div>
</div>
<div class="row py-40 mt-40 ">
<!--#about-text start -->
<h1 class="text-left py-30"> What we can create together </h1>
<div class="who_we_area col-md-4 col-sm-6 col-4pad">
<div class="service-1">
<div class="servise-top wow fadeInUp">
<i class="fab fa-android service_icon"></i>
</div>
<h2 class="unify"> Android App </h2>
<p class="bottom-s">We can help you create amazing android applications to get you started on the most
popular mobile OS. From inception to publishing we will be with you every step of the way. </p>
</div>
</div>
<div class="who_we_area col-md-4 col-sm-6 col-4pad">
<div class="service-1">
<div class="servise-top wow fadeInUp">
<i class="fab fa-app-store-ios service_icon"></i>
</div>
<h2 class="unify"> iOS App </h2>
<p class="bottom-s">Have an idea for an iOS app? We can help you create an amazing iOS app, realize
your idea and publish it on the App Store. So that you can share your idea with the world!</p>
</div>
</div>
<div class="who_we_area col-md-4 col-sm-6 col-4pad">
<div class="service-1">
<div class="servise-top wow fadeInUp">
<i class="fab fa-react service_icon"></i>
</div>
<h2 class="unify"> Hybrid App </h2>
<p class="bottom-s"> Want an application for both iOS and Android? We can help you develop an app
using hybrid app development languages like react native or flutter for both the operating systems. </p>
</div>
</div>
<!--#End about-text -->
</div>
<div class="row about_row py-40 ">
<!--#about-text start -->
<div class="who_we_area col-md-4 col-sm-6 col-4pad">
<div class="service-1">
<div class="servise-top wow fadeInUp">
<i class="fas fa-drafting-compass service_icon"></i>
</div>
<h2 class="unify"> App Design UI / UX </h2>
<p class="bottom-s">Want to visualize how your app will look? We can help you with the
conceptualization & realization of the entire design of your app! </p>
</div>
</div>
<div class="who_we_area col-md-4 col-sm-6 col-4pad">
<div class="service-1">
<div class="servise-top wow fadeInUp">
<i class="fas fa-lightbulb service_icon"></i>
</div>
<h2 class="unify"> Complete Custom Design </h2>
<p class="bottom-s">Have an out of the box idea about a app you wanna deploy? We can help you
bring that idea into reality and build a custom app just for you! </p>
</div>
</div>
<!--#End about-text -->
</div>
</div>
</div>

<div class="our_partners_area bg-grediunt">
<div class="book_now_aera ">
<div class="container">
<div class="row book_now">
<div class="col-md-12 booking_text wow fadeInUp">
<h1 style="text-align: center; font-size: 51px; font-weight: 600">Made up your mind?</h1>
</div>
<div class="col-md-12">
<div class="top-banner text-left"
style="visibility: visible; animation-name: fadeInRight; width: 100%; display: flex; justify-content: center;">
<a id="#services" href="contact.html" class="btn btn-primary wow fadeInUp js-scroll-trigger"
data-wow-delay="0.5s">Let's Talk</a>
</div>
</div>
</div>
</div>
</div>
</div>

<!--#start Our footer Area -->
<div class="our_footer_area">
<div class="book_now_aera ">
<div class="container wow fadeInUp">
<div class="row book_now">
<div class="col-md-4">
<div class="">
<a class=" logo-biss" href="index.html"> Coding &amp; Decoding </a>
</div>
<p class="footer-h">An innovative digital media company that helps businesses and individuals around
the world to
gain leverage via the internet and reach millions of customers online.</p>
<div class="bigpixi-footer-social">
<a href="https://www.facebook.com/codinganddecoding" target="_blank"><i id="social-fb"
class="fab fa-facebook-square fa-3x social"></i></a>
<a href="https://www.twitter.com/coding_decoding" target="_blank"><i id="social-tw"
class="fab fa-twitter fa-3x social"></i></a>
<a href="https://reddit.com/r/codinganddecoding" target="_blank"><i id="social-em"
class="fab fa-reddit fa-3x social"></i></a>
<a href="https://www.instagram.com/codinganddecoding/" target="_blank"><i id="social-em"
class="fab fa-instagram fa-3x social"></i></a>
<a href="https://www.linkedin.com" target="_blank"><i id="social-em"
class="fab fa-linkedin-in fa-3x social"></i></a>
<a href="https://www.youtube.com/codinganddecoding" target="_blank"><i id="social-em"
class="fab fa-youtube fa-3x social"></i></a>
</div>
</div>
<div class="col-md-1 ">
</div>
<div class="col-md-3">
<h2 class="footer-top">SOLUTIONS </h2>
<ul class="footer-menu">
<li><a href="web-dev.html"> Web </a></li>
<li><a href="app-dev.html"> Mobile </a> </li>
<li><a href=""> Design </a> </li>
<li><a href=""> Branding </a> </li>
<li><a href="marketing.html"> Promotions </a> </li>
<li><a href=""> Media </a></li>
</ul>
</div>
<div class="col-md-4">
<ul class="location">
<li class="footer-left-h"><i class="fa fa-map-marker"></i>Made with &nbsp;<i
class="fa fa-heart"></i>in India.</li>
<li class="footer-left-h"><i class="fa fa-phone"></i>Call Us <br><a href="tel:+918793212686"> +91
879-321-2686</a></li>
<li class="footer-left-h"><i class="fa fa-envelope"></i>Email<br>
<a href="mailto:[email protected]"> [email protected] </a>
</li>
</ul>
</div>
</div>
<div class="row book_now">
<div class="col-md-12 text-center mt-50">
<p class="footer-h">Providing amazing experiences, creating and crafting unique solutions and
realizing ideas since 2020.</p>
<p class="footer-h">&copy; 2020 Coding and Decoding<br> Made with&nbsp;<i class="fa fa-heart"> in
India</i></p>
</div>
</div>
</div>
</div>
</div>
<!--#End Our footer Area -->
<!-- jQuery JS -->
<script src="assets/js/jquery-1.12.0.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/vendors/popup/lightbox.min.js"></script>
<!-- Animate JS -->
<script src="assets/vendors/animate/wow.min.js"></script>
<!-- Owlcarousel JS -->
<script src="assets/vendors/owl_carousel/owl.carousel.min.js"></script>
<!-- Theme JS -->
<script src="assets/js/theme.min.js"></script>
</body>

</html>
9 changes: 8 additions & 1 deletion assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2742,7 +2742,14 @@ img.posi-r-img{
}



.link {
font-size: 14px;
color: #2e7ffe !important;
font-weight: 400;
letter-spacing: 0.15px;
transition-duration: 1s;
text-decoration: underline !important;
}



2 changes: 1 addition & 1 deletion contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
<a href="about.html" class="">About</a>
</li>
<li class="dropdown submenu">
<a href="services.html" class=""> Services</a>
<a href="index.html#services" class=""> Services</a>
</li>
<li class="dropdown submenu">
<a href="blog.html" class="">Blog</a>
Expand Down
18 changes: 9 additions & 9 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
<a href="about.html" class="">About</a>
</li>
<li class="dropdown submenu">
<a href="services.html" class=""> Services</a>
<a href="#services" class=""> Services</a>
</li>
<li class="dropdown submenu">
<a href="blog.html" class="">Blog</a>
Expand Down Expand Up @@ -86,7 +86,7 @@ <h5 class="wow fadeInUp main-h" data-wow-delay="0.2s">We build amazing experienc
and hassel free solutions for your unique problems! <br> Our aim is to provide you the best
experience while working with us!</p>
<div class="top-banner wow fadeInRight">
<a id="#services" href="#about" class="btn btn-default wow fadeInUp js-scroll-trigger"
<a id="#services" href="#services" class="btn btn-default wow fadeInUp js-scroll-trigger"
data-wow-delay="1s" href="#">Learn More</a>
</div>
</div>
Expand All @@ -100,7 +100,7 @@ <h5 class="wow fadeInUp main-h" data-wow-delay="0.2s">We build amazing experienc
</div>
<!--#End Our Partners Area -->
<!-- #About Us Area start -->
<div id="about" class=" back-right-text-c">
<div id="services" class=" back-right-text-c">
<div class="container">
<div class="row text-center ">
<div class="title wow fadeInUp">
Expand All @@ -120,7 +120,7 @@ <h2 class="unify"> Website Development </h2>
<p class="bottom-s">We know how important it is to create a brand identity online. A website is the
perfect way to show the world your online presence and we will help you achieve that goal!</p>
<div class="button-div">
<a href="" class="button-s"> Learn more </a>
<a href="web-dev.html" class="button-s"> Learn more </a>
</div>
</div>
</div>
Expand All @@ -134,7 +134,7 @@ <h2 class="unify"> App Development </h2>
Decoding we know how give life to your unique app ideas, how to make them come alive and create the
perfect app for you.</p>
<div class="button-div">
<a href="" class="button-s"> Learn more </a>
<a href="app-dev.html" class="button-s"> Learn more </a>
</div>
</div>
</div>
Expand Down Expand Up @@ -176,7 +176,7 @@ <h2 class="unify">Digital Marketing & Instagram Promotions </h2>
<p class="bottom-s">Our developers are perfect for increasing your Digital presence. We're highly
skilled professionals who can help you create the perfect ad campain on social media.</p>
<div class="button-div">
<a href="" class="button-s"> Learn more </a>
<a href="marketing.html" class="button-s"> Learn more </a>
</div>
</div>
</div>
Expand Down Expand Up @@ -296,11 +296,11 @@ <h1 style="text-align: center; font-size: 51px; font-weight: 600">Made up your m
<div class="col-md-3">
<h2 class="footer-top">SOLUTIONS </h2>
<ul class="footer-menu">
<li><a href=""> Web </a></li>
<li><a href=""> Mobile </a> </li>
<li><a href="web-dev.html"> Web </a></li>
<li><a href="app-dev.html"> Mobile </a> </li>
<li><a href=""> Design </a> </li>
<li><a href=""> Branding </a> </li>
<li><a href=""> Promotions </a> </li>
<li><a href="marketing.html"> Promotions </a> </li>
<li><a href=""> Media </a></li>
</ul>
</div>
Expand Down
Loading