| Current File : /home/itiffy/public_html/resources/views/frontend/web-design-and-development.blade.php |
@extends('frontend.layouts.master')
@section('content')
<!-- BANNER SECTION -->
<div class="inner-banner-section">
<h1>Web Design & Development</h1>
<p>ITIFFY Web Development Agency creates attractive, highly functional, modern websites that position our clients as leaders in their respective marketplaces.</p>
</div>
<!-- /BANNER SECTION -->
<!-- BREADCRUMB SECTION -->
<div class="breadcrumb-box">
<ol class="breadcrumb container">
<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li class="breadcrumb-item"><a href="{{ route('services') }}">Services</a></li>
<li class="breadcrumb-item active">Web Design & Development</li>
</ol>
</div>
<!-- /BREADCRUMB SECTION -->
<!-- CONTENT SECTION -->
<div class="content-section">
<!-- Section01 -->
<div class="wdd-section01 hidden-xs">
<div class="container">
<div class="col-md-6">
<div class="main-img"><img src="{{ url('public/images') }}/img-01.png" alt=""></div>
<div class="tab-details"><a name="myAnchor" id="myAnchor"> </a>
<div class="tab-content" id="newwebsitedesign">
<h2>New Website Design</h2>
<p>Website Design as we know is always evolving. It can be a challenge to keep up with the newest design trends. We develop websites that are a pleasure to see and make people feel good as they engage with your business. Most of the new awesome websites in our portfolio are making use of these new technologies and that can be seen easily when navigating through them.</p>
<img src="{{ url('public/images') }}/newwebsitedesign-01.png" alt=""> </div>
<div class="tab-content" id="websiteredesign" style="display:none;">
<h2>Website Redesign</h2>
<p>Redesigning with ITIFFY means getting more than a new look. UX is everything to a website redesign. Quality of the Content, its design and the reputation of a company matters little if a website is clunky and hard to navigate. Our design team specializes on careful UI/UX researching, design and development for mobile and desktop platforms.</p>
<img src="{{ url('public/images') }}/websiteredesign.png" alt=""> </div>
<div class="tab-content" id="businessblogdesign" style="display:none;">
<h2>Business Blog Design</h2>
<p>Does your business have a blog or are you looking to generate engaging comments and get daily new visitors? Blogs provide great value to digital enterprises. Not only can blog content be used for marketing initiatives on the site but also on other channels.</p>
<img src="{{ url('public/images') }}/businessblogdesign.png" alt=""> </div>
<div class="tab-content" id="landingpagedesign" style="display:none;">
<h2>Landing Page Design</h2>
<p>Ready to Create a High Converting Landing Page. Get inspired by our collection of landing page design examples in our portfolio section.</p>
<img src="{{ url('public/images') }}/landingpagedesign.png" alt=""> </div>
<div class="tab-content" id="custominfographic" style="display:none;">
<h2>Custom Infographic</h2>
<p>Are you looking for fresh and creative methods of creating innovative content that could possibly go viral and significantly increase your website's overall appeal, customer reach and brand awareness? It's time to start implementing infographics into your content marketing strategy. We love creating creative and beautiful Infographics, presentation, animations, ad banners, and custom designs. Our designs are engaging and informative to captivate viewers.</p>
<img src="{{ url('public/images') }}/custominfographic.png" alt=""> </div>
<div class="tab-content" id="customlogosolution" style="display:none;">
<h2>Custom Logo Solution</h2>
<p>A logo is a company's major graphical representation and often forms the first impression of your company. It is how your business is recognised. A well-designed logo is an essential part of any company, designed to create immediate recognition by the viewer. Our creative team is here to make a difference.</p>
<img src="{{ url('public/images') }}/customlogosolution.png" alt=""> </div>
</div>
</div>
<div class="col-md-6">
<div class="link-box">
<ul>
<li><a href="{{ route('web-design-and-development') }}" class="active">Design</a></li>
<li><a href="{{ route('web-development') }}">Development</a></li>
</ul>
<p>In this mobile age, impressive website design is a must — no matter what devices your visitors are using.</p>
</div>
<div class="tab-section">
<ul>
<li><a href="#myAnchor" rel="" id="anchor1" class="anchorLink active"><img src="{{ url('public/images') }}/wd-icon-01.png" alt=""> New Website Design</a></li>
<li><a href="#myAnchor" rel="" id="anchor2" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-02.png" alt=""> Website Redesign</a></li>
<li><a href="#myAnchor" rel="" id="anchor3" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-03.png" alt=""> Business Blog Design</a></li>
<li><a href="#myAnchor" rel="" id="anchor4" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-04.png" alt=""> Landing Page Design</a></li>
<li><a href="#myAnchor" rel="" id="anchor5" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-05.png" alt=""> Custom Infographic</a></li>
<li><a href="#myAnchor" rel="" id="anchor6" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-06.png" alt=""> Custom Logo Solution</a></li>
</ul>
</div>
<div class="visit-portfolio">
<h4>Website design to enhances your overall experience with your business.</h4>
<div class="btn-visit-portfolio"><a href="{{ route('portfolio-cms') }}">New Website Portfolio</a></div>
</div>
</div>
</div>
</div>
<div class="wdd-section01 clearfix hidden-md hidden-lg">
<div class="main-img"><img src="{{ url('public/images') }}/img-01.png" alt=""></div>
<div class="link-box">
<ul>
<li><a href="{{ route('web-design-and-development') }}" class="active">Design</a></li>
<li><a href="{{ route('web-development') }}">Development</a></li>
</ul>
<p>In this mobile age, impressive website design is a must — no matter what devices your visitors are using.</p>
</div>
<div class="tab-section">
<ul>
<li><a href="#myAnchor-res" rel="" id="anchor11" class="anchorLink active"><img src="{{ url('public/images') }}/wd-icon-01.png" alt=""> New Website Design</a></li>
<li><a href="#myAnchor-res" rel="" id="anchor12" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-02.png" alt=""> Website Redesign</a></li>
<li><a href="#myAnchor-res" rel="" id="anchor13" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-03.png" alt=""> Business Blog Design</a></li>
<li><a href="#myAnchor-res" rel="" id="anchor14" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-04.png" alt=""> Landing Page Design</a></li>
<li><a href="#myAnchor-res" rel="" id="anchor15" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-05.png" alt=""> Custom Infographic</a></li>
<li><a href="#myAnchor-res" rel="" id="anchor16" class="anchorLink"><img src="{{ url('public/images') }}/wd-icon-06.png" alt=""> Custom Logo Solution</a></li>
</ul>
</div>
<div class="tab-details"><a name="myAnchor-res" id="myAnchor-res"> </a>
<div class="tab-content" id="newwebsitedesign-res">
<h2>New Website Design</h2>
<p>Website Design as we know is always evolving. It can be a challenge to keep up with the newest design trends. We develop websites that are a pleasure to see and make people feel good as they engage with your business. Most of the new awesome websites in our portfolio are making use of these new technologies and that can be seen easily when navigating through them.</p>
<img src="{{ url('public/images') }}/newwebsitedesign-01.png" alt=""> </div>
<div class="tab-content" id="websiteredesign-res" style="display:none;">
<h2>Website Redesign</h2>
<p>Redesigning with ITIFFY means getting more than a new look. UX is everything to a website redesign. Quality of the Content, its design and the reputation of a company matters little if a website is clunky and hard to navigate. Our design team specializes on careful UI/UX researching, design and development for mobile and desktop platforms.</p>
<img src="{{ url('public/images') }}/websiteredesign.png" alt=""> </div>
<div class="tab-content" id="businessblogdesign-res" style="display:none;">
<h2>Business Blog Design</h2>
<p>Does your business have a blog or are you looking to generate engaging comments and get daily new visitors? Blogs provide great value to digital enterprises. Not only can blog content be used for marketing initiatives on the site but also on other channels.</p>
<img src="{{ url('public/images') }}/businessblogdesign.png" alt=""> </div>
<div class="tab-content" id="landingpagedesign-res" style="display:none;">
<h2>Landing Page Design</h2>
<p>Ready to Create a High Converting Landing Page. Get inspired by our collection of landing page design examples in our portfolio section.</p>
<img src="{{ url('public/images') }}/landingpagedesign.png" alt=""> </div>
<div class="tab-content" id="custominfographic-res" style="display:none;">
<h2>Custom Infographic</h2>
<p>Are you looking for fresh and creative methods of creating innovative content that could possibly go viral and significantly increase your website's overall appeal, customer reach and brand awareness? It's time to start implementing infographics into your content marketing strategy. We love creating creative and beautiful Infographics, presentation, animations, ad banners, and custom designs. Our designs are engaging and informative to captivate viewers.</p>
<img src="{{ url('public/images') }}/custominfographic.png" alt=""> </div>
<div class="tab-content" id="customlogosolution-res" style="display:none;">
<h2>Custom Logo Solution</h2>
<p>A logo is a company's major graphical representation and often forms the first impression of your company. It is how your business is recognised. A well-designed logo is an essential part of any company, designed to create immediate recognition by the viewer. Our creative team is here to make a difference. </p>
<img src="{{ url('public/images') }}/customlogosolution.png" alt=""> </div>
</div>
</div>
<!-- /Section01 -->
<!-- Section02 -->
<div class="wdd-section02">
<div class="container">
<div class="row">
<div class="col-md-9 success-results">
<h2>Creative Designs That Add Value</h2>
<p>Our success is measured by results.</p>
<div class="prev"><a href="javascript:void(0)" id="prev"><img src="{{ url('public/images') }}/prev-arrow.png" alt=""></a></div>
<div class="next"><a href="javascript:void(0)" id="next"><img src="{{ url('public/images') }}/next-arrow.png" alt=""></a></div>
<div class="projects">
<div class="project cls1">
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-01.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-02.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-03.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-04.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-05.png" alt=""></a></div>
</div>
</div>
<div class="project cls2">
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-05.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-04.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-03.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-02.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-01.png" alt=""></a></div>
</div>
</div>
<div class="project cls3">
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-01.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-02.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-03.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-04.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-05.png" alt=""></a></div>
</div>
</div>
<div class="project cls4">
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-05.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-04.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-03.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-02.png" alt=""></a></div>
<div class="col-xs-6 col-sm-4 col-md-4"><a href="javascript:void(0)"><img src="{{ url('public/images') }}/design-01.png" alt=""></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<figure><img src="{{ url('public/images') }}/create-design-img.png" alt=""></figure>
</div>
<!-- /Section02 -->
<!-- Section03 -->
<div class="wdd-section03">
<div class="container">
<div class="row">
<div class="latestprojects">
<div class="latestproject cls1">
<div class="col-md-4 text-center">
<h2>Latest Project</h2>
<p><img src="{{ url('public/images') }}/inkdad-logo.png" alt=""></p>
<p>INKDAD was a concept that came together in an eventful meet at a business cafe. Leading to months of brainstorming and hardwork creating an awesome product ready to take on the already competitive market. Way to go Team.</p>
<ul>
<li><img src="{{ url('public/images') }}/icon-05.png" alt=""></li>
<li><img src="{{ url('public/images') }}/icon-06.png" alt=""></li>
<li><img src="{{ url('public/images') }}/icon-07.png" alt=""></li>
</ul>
</div>
<div class="col-md-8"><img src="{{ url('public/images') }}/latest-project.png" alt=""></div>
</div>
<di{{-- v class="latestproject cls1">
<div class="col-md-4 text-center">
<h2>Latest Project</h2>
<p><img src="{{ url('public/images') }}/helawe-logo.png" alt=""></p>
<p>Amazing design and experiences can only be achieved by talented people. Luckily for us, we are surrounded by amazing talent and that talent transcends their expertise into fantastic experiences.</p>
<ul>
<li><img src="{{ url('public/images') }}/icon-05.png" alt=""></li>
<li><img src="{{ url('public/images') }}/icon-06.png" alt=""></li>
<li><img src="{{ url('public/images') }}/icon-07.png" alt=""></li>
</ul>
</div>
<div class="col-md-8"><img src="{{ url('public/images') }}/latest-project02.png" alt=""></div>
</div>
<div class="latestproject cls1">
<div class="col-md-4 text-center">
<h2>Latest Project</h2>
<p><img src="{{ url('public/images') }}/nationz-logo.png" alt=""></p>
<p>Amazing design and experiences can only be achieved by talented people. Luckily for us, we are surrounded by amazing talent and that talent transcends their expertise into fantastic experiences.</p>
<ul>
<li><img src="{{ url('public/images') }}/icon-05.png" alt=""></li>
<li><img src="{{ url('public/images') }}/icon-06.png" alt=""></li>
<li><img src="{{ url('public/images') }}/icon-07.png" alt=""></li>
</ul>
</div>
<div class="col-md-8"><img src="{{ url('public/images') }}/latest-project03.png" alt=""></div>
</div> --}}
<div class="latestproject cls1">
<div class="col-md-4 text-center">
<h2>Latest Project</h2>
<p><img src="{{ url('public/images') }}/wlflo-logo.png" alt=""></p>
<p>A product curated with the thought to nurture handicraft business of India and crafted with love and proudly associaded with Make In India. Luckily for us, we were surrounded by amazing talent and that talent transcends their expertise into fantastic experiences.</p>
<ul>
<li><img src="{{ url('public/images') }}/icon-05.png" alt=""></li>
<li><img src="{{ url('public/images') }}/icon-06.png" alt=""></li>
<li><img src="{{ url('public/images') }}/icon-07.png" alt=""></li>
</ul>
</div>
<div class="col-md-8"><img src="{{ url('public/images') }}/latest-project04.png" alt=""></div>
</div>
</div>
<ul>
<li class="prev"><a href="javascript:void(0)" id="prev2"><img src="{{ url('public/images') }}/prev-arrow.png" alt=""></a></li>
<li class="next"><a href="javascript:void(0)" id="next2"><img src="{{ url('public/images') }}/next-arrow.png" alt=""></a></li>
</ul>
</div>
</div>
</div>
<!-- /Section03 -->
<!-- Section04 -->
<!--<div class="wdd-section04">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="nor-price-box">
<div class="price-box">
<div class="content"><span>$199</span><br>
/ month</div>
</div>
<h3>BASIC</h3>
<ul>
<li>05 Email Account</li>
<li>01 Website Layout</li>
<li>03 Photo Stock Banner</li>
<li>01 Javascript Slider</li>
<li>01 Hosting</li>
<li>01 Domain Name Server</li>
</ul>
<div class="btn-purchase"><a href="#">PURCHASE</a></div>
</div>
</div>
<div class="col-md-3">
<div class="nor-price-box">
<div class="price-box">
<div class="content"><span>$299</span><br>
/ month</div>
</div>
<h3>STANDARD</h3>
<ul>
<li>05 Email Account</li>
<li>01 Website Layout</li>
<li>03 Photo Stock Banner</li>
<li>01 Javascript Slider</li>
<li>01 Hosting</li>
<li>01 Domain Name Server</li>
</ul>
<div class="btn-purchase"><a href="#">PURCHASE</a></div>
</div>
</div>
<div class="col-md-3">
<div class="hot-price-box">
<div class="price-box">
<div class="content"><span>$399</span><br>
/ month</div>
</div>
<div class="hot-box">HOT</div>
<h3>DIAMOND</h3>
<ul>
<li>05 Email Account</li>
<li>01 Website Layout</li>
<li>03 Photo Stock Banner</li>
<li>01 Javascript Slider</li>
<li>01 Hosting</li>
<li>01 Domain Name Server</li>
</ul>
<div class="btn-purchase"><a href="#">PURCHASE</a></div>
</div>
</div>
<div class="col-md-3">
<div class="nor-price-box">
<div class="price-box">
<div class="content"><span>$499</span><br>
/ month</div>
</div>
<h3>ULTIMATE</h3>
<ul>
<li>05 Email Account</li>
<li>01 Website Layout</li>
<li>03 Photo Stock Banner</li>
<li>01 Javascript Slider</li>
<li>01 Hosting</li>
<li>01 Domain Name Server</li>
</ul>
<div class="btn-purchase"><a href="#">PURCHASE</a></div>
</div>
</div>
</div>
</div>
</div> -->
<!-- /Section04 -->
</div>
<!-- /CONTENT SECTION -->
@endsection