BossBey File Manager
PHP:
8.1.34
OS:
Linux
User:
demodesignproboa
Root
/
home
/
demodesignproboa
/
public_html
/
iWM-Com
📤 Upload
📝 New File
📁 New Folder
Close
Editing: website-design.php
<?php include 'includes/shared/header.php'; ?> <style> .portfolio-sec .head-shape h2 {color: #000;} .testimonials-sec {padding: 0;} .portfolio-sec .slick-dots li{border: 1px solid #000000;border-radius: 20px;} </style> <main> <section class="about-banner-sec web-design"> <div class="container"> <div class="about-contant" data-aos="fade-down" data-aos-duration="2000"> <h1>Strategic Web Design</h1> <h2>Build an online platform that drives real business growth.</h2> <p>We are a premier web design agency based in London and California, specialising in creating custom, high-performance websites. Our solutions are built to engage your audience, deliver a seamless user experience, and provide a strong return on your digital investment.</p> </div> </div> </section> <section class="bespoke-sec design"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 col-xxl-9"> <div class="bespoke-contant" data-aos="zoom-in" data-aos-duration="2000"> <div class="head-shape"> <?php include 'includes/components/shapes.php'; ?> <h6>Website Design</h6> </div> <h2>Crafting Digital Experiences for Your Brand</h2> <p>Your website is more than just a page on the internet; it's the core of your digital identity. We specialise in creating bespoke web designs that are not only visually stunning but also strategically built to connect with your audience and deliver tangible results for your business.</p> <div class="pro-btn "> <a href="Javascript:;" class="btn btn-project black-btn" data-bs-toggle="modal" data-bs-target="#exampleModal2">Tell us about your project <i class="fa-solid fa-arrow-right"></i> </a> </div> </div> </div> </div> </div> </section> <div class="impressions-sec"> <div class="container"> <div class="row reverse"> <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="main-img" data-aos="fade-right" data-aos-duration="2000"> <img src="assets/images/img16.png" alt="img"> </div> </div> <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="contant" data-aos="fade-left" data-aos-duration="2000"> <h2>Your website is the first handshake with your customer</h2> <p>A well-crafted website sets the tone for your brand and builds trust from the very first click. We focus on designing an unforgettable user experience that is both beautiful and highly effective.</p> <div class="desgin-detail"> <div class="box"> <h3>01</h3> <h4>Crafting Your Digital Identity: </h4> <p>We develop a one-of-a-kind design that perfectly embodies your brand's unique personality and story, ensuring you make a lasting impression on every visitor.</p> </div> <div class="box"> <h3>02</h3> <h4>Intuitive Navigation & User Journey: </h4> <p>Our designs are built to guide visitors seamlessly through your website. We create logical, effortless pathways that allow users to find exactly what they're looking for without frustration.</p> </div> <div class="box"> <h3>03</h3> <h4>Flawless Functionality & Performance: </h4> <p>We build websites that are not only stunning but also fast, responsive, and reliable. Our focus on clean code ensures a smooth experience on any device or browser.</p> </div> <div class="box"> <h3>04</h3> <h4>Strategic Design for Results: </h4> <p>Every element we design has a purpose. We strategically place every button, form, and call to action to engage your audience and drive measurable business outcomes.</p> </div> </div> </div> </div> </div> </div> </div> <section class="services-sec different-sec Features"> <div class="container"> <div class="row"> <div class="head-shape"> <?php include 'includes/components/shapes.php'; ?> <h3>our Features</h3> <h2>Essential Web Design Solutions</h2> </div> <div class="Scroll-Trigger" data-aos="zoom-in-up" data-aos-duration="2000"> <div class="main-box"> <div class="row align-items-center justify-content-between"> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="service-item"> <h2>User-Centric Approach</h2> <p>We place your audience at the heart of every design decision. By deeply understanding their needs and behaviors, we craft intuitive and engaging experiences that make navigating your website effortless and enjoyable, converting visitors into loyal customers.</p> </div> </div> <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5"> <div class="main-img"> <img src="assets/images/img17.png" alt="Services Image" class="img-fluid"> </div> </div> </div> </div> <div class="main-box cir-shape fully"> <div class="row align-items-center justify-content-between"> <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5"> <div class="main-img"> <img src="assets/images/img18.png" alt="Services Image" class="img-fluid"> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="service-item"> <h2>Optimised for Every Device</h2> <p>In today’s market, most of your customers are on their phones. We build every website using a mobile-first approach, ensuring your brand looks and performs flawlessly on any screen. Our responsive designs guarantee a seamless user experience, which is crucial for retaining visitors and improving your search rankings.</p> </div> </div> </div> </div> <div class="main-box shape-2"> <div class="row align-items-center justify-content-between"> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="service-item"> <h2>SEO Optimised</h2> <p>We build your website with visibility in mind from the very start. Every site we develop includes robust onsite SEO optimisation, ensuring it's technically prepared to rank well on search engines. We focus on critical elements like blazing-fast load times, clean, semantic code, and proper analytics integration. This comprehensive approach ensures your site is discoverable by your target audience, driving organic traffic and potential customers to your business.</p> </div> </div> <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5"> <div class="main-img"> <img src="assets/images/img19.png" alt="Services Image" class="img-fluid"> </div> </div> </div> </div> <div class="main-box cir-shape shape-3 fully"> <div class="row align-items-center justify-content-between"> <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5"> <div class="main-img"> <img src="assets/images/img20.png" alt="Services Image" class="img-fluid"> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="service-item"> <h2>Interactive & Dynamic</h2> <p>We believe a great website should feel alive. Our development team uses cutting-edge technologies to create engaging and dynamic user experiences. We strategically integrate interactive elements and subtle animations that not only captivate your visitors but also guide them seamlessly through your site, transforming a static page into an immersive digital journey.</p> </div> </div> </div> </div> <div class="main-box shape-4"> <div class="row align-items-center justify-content-between"> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="service-item"> <h2>Custom Web Development</h2> <p>We don't rely on generic templates or off-the-shelf code. Every website we build is custom-coded from scratch by our expert team. Our approach focuses on creating a lightweight, agile, and scalable digital solution. This ensures your site has blazing-fast loading times, clean code, and is built to perform for your business for years to come.</p> </div> </div> <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5"> <div class="main-img"> <img src="assets/images/img21.png" alt="Services Image" class="img-fluid"> </div> </div> </div> </div> <div class="main-box cir-shape shape-4 fully"> <div class="row align-items-center justify-content-between"> <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5"> <div class="main-img"> <img src="assets/images/img22.png" alt="Services Image" class="img-fluid"> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="service-item"> <h2>Enterprise CMS</h2> <p>We specialise in powerful, custom-built CMS solutions tailored for enterprise-level businesses. Our flexible, modular websites are designed to be easily managed by your team and are built to scale with your growth. We deliver a robust, future-proof platform that gives you complete control over your content.</p> </div> </div> </div> </div> <div class="main-box shape-5"> <div class="row align-items-center justify-content-between"> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="service-item"> <h2>Robust Security</h2> <p>Website security is paramount in today's digital landscape. We build your site with comprehensive protection at its core, safeguarding your data and reputation from evolving online threats. We implement advanced measures including proactive monitoring, secure coding practices, and cutting-edge firewall technology to ensure your digital presence is safe, reliable, and trustworthy for both you and your customers.</p> </div> </div> <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5"> <div class="main-img"> <img src="assets/images/img23.png" alt="Services Image" class="img-fluid"> </div> </div> </div> </div> <div class="main-box cir-shape shape-5 fully"> <div class="row align-items-center justify-content-between"> <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5"> <div class="main-img"> <img src="assets/images/img24.png" alt="Services Image" class="img-fluid"> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="service-item"> <h2>User Experience (UX)</h2> <p>We believe that a great website isn't just about how it looks; it's about how it feels to use. We prioritise User Experience (UX) by researching audience needs, mapping out user journeys, and creating intuitive flows. Our strategic approach ensures every visitor enjoys a seamless, effortless, and engaging experience that guides them towards your business goals.</p> </div> </div> </div> </div> </div> </div> </div> </section> <?php include 'includes/components/process.php'; ?> <section class="packages-sec"> <div class="container"> <div class="row"> <div class="col-12"> <div class="head-shape"> <?php include 'includes/components/shapes.php'; ?> <h2>our <span>Packages</span></h2> </div> <div class="pricing-table table-responsive"> <table class="table"> <thead> <tr> <th> <h3>Pricing £</h3> </th> <th> <h4>Basic <span><sup>£</sup> 399</span></h4> </th> <th> <h4>Professional <span><sup>£</sup> 579</span></h4> </th> <th> <h4>Elite <span><sup>£</sup> 989</span></h4> </th> <th> <h4>Enterprise <small>Starting from</small> <span><sup>£</sup> 1500</span></h4> </th> </tr> </thead> <tbody> <tr> <td class="bg-change"> <h5>NO of Pages</h5> </td> <td> <h6>3–5</h6> </td> <td> <h6>5–8</h6> </td> <td> <h6>Unlimited</h6> </td> <td> <h6>Unlimited</h6> </td> </tr> <tr> <td> <h5>Stock Photos</h5> </td> <td class="bg-change"> <h6>05</h6> </td> <td class="bg-change"> <h6>10</h6> </td> <td class="bg-change"> <h6>20</h6> </td> <td class="bg-change"> <h6>Unlimited</h6> </td> </tr> <tr> <td class="bg-change"> <h5>No of banners</h5> </td> <td> <h6>02</h6> </td> <td> <h6>05</h6> </td> <td> <h6>10</h6> </td> <td> <h6>Unlimited</h6> </td> </tr> <tr> <td> <h5>jQuery Slider banner</h5> </td> <td class="bg-change"> <h6>01</h6> </td> <td class="bg-change"> <h6>03</h6> </td> <td class="bg-change"> <h6>05</h6> </td> <td class="bg-change"> <h6>Unlimited</h6> </td> </tr> <tr> <td class="bg-change"> <h5>Revisions</h5> </td> <td> <h6>Unlimited</h6> </td> <td> <h6>Unlimited</h6> </td> <td> <h6>Unlimited</h6> </td> <td> <h6>Unlimited</h6> </td> </tr> <tr> <td> <h5>Striking hover effect</h5> </td> <td class="bg-change"> <i class="fa-regular fa-check"></i> </td> <td class="bg-change"> <i class="fa-regular fa-check"></i> </td> <td class="bg-change"> <i class="fa-regular fa-check"></i> </td> <td class="bg-change"> <i class="fa-regular fa-check"></i> </td> </tr> <tr> <td class="bg-change"> <h5>Design</h5> </td> <td> <h6>Template Based</h6> </td> <td> <h6>Design</h6> </td> <td> <h6>Custom Design</h6> </td> <td> <h6>Bespoke design, Dynamic, Interactive, and High-end Design</h6> </td> </tr> </tbody> </table> </div> <div class="pro-btn"> <a href="packages" class="btn btn-project"> View Complete Package Details <i class="fa-solid fa-arrow-right"></i> </a> </div> </div> </div> </div> </section> <?php include 'includes/components/portfolio.php'; ?> <?php include 'includes/components/different.php'; ?> <?php include 'includes/components/testimonials.php'; ?> <!-- Faqsec --> <section class="frequently-sec"> <div class="container"> <div class="head-shape"> <?php include 'includes/components/shapes.php'; ?> <h2>Frequently Asked Questions</h2> </div> <div class="accordin" data-aos="fade-up" data-aos-anchor-placement="center-bottom" data-aos-duration="2000"> <div class="accordion accordion-flush" id="accordionFlushExample"> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingOne"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> 1. What is the difference between web design and web development? </button> </h2> <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> <p>Web design is the creative side—what your website looks and feels like. It includes the user experience (UX) and visual layout. Web development is the technical side—the coding and programming that make the website functional and secure. We handle both, ensuring a seamless process from start to finish.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo"> 2. How long will it take to design my website? </button> </h2> <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> <p>The timeline for a new website varies based on its complexity and features. On average, our custom web design projects take between 8 to 12 weeks from our initial strategy session to the final launch.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> 3. Will my website be mobile-friendly? </button> </h2> <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> <p>Absolutely. We build all our websites using a mobile-first approach. This ensures your site is fully responsive and provides a flawless user experience on all devices, including smartphones, tablets, and desktops.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingfour"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapsefour" aria-expanded="false" aria-controls="flush-collapsefour"> 4. Can you work with my existing brand identity? </button> </h2> <div id="flush-collapsefour" class="accordion-collapse collapse" aria-labelledby="flush-headingfour" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> <p>Yes. We specialise in creating a cohesive digital presence. We will work closely with your existing brand guidelines, including your logo, colour palettes, and typography, to ensure your new website is a natural extension of your brand.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingfive"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapsefive" aria-expanded="false" aria-controls="flush-collapsefive"> 5. How involved can I be in the design process? </button> </h2> <div id="flush-collapsefive" class="accordion-collapse collapse" aria-labelledby="flush-headingfive" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> <p>Your input is crucial. Our process is highly collaborative, with clear milestones and regular communication. You'll be involved in key decision-making stages, from the initial wireframing to the final design mockups, to ensure the outcome meets your vision.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingsix"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapsesix" aria-expanded="false" aria-controls="flush-collapsesix"> 6. Do you use templates to build websites? </button> </h2> <div id="flush-collapsesix" class="accordion-collapse collapse" aria-labelledby="flush-headingsix" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> <p>No. We are a custom web design agency, and every website we create is built from the ground up to be unique. We never use pre-made templates or themes, ensuring your site is a one-of-a-kind digital asset that truly stands out.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingseven"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseseven" aria-expanded="false" aria-controls="flush-collapseseven"> 7. Is a website from your agency easy to manage? </button> </h2> <div id="flush-collapseseven" class="accordion-collapse collapse" aria-labelledby="flush-headingseven" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> <p>Yes. We integrate a user-friendly Content Management System (CMS) that allows you to easily update and manage your website's content, including text and images, without any technical expertise.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingeight"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseeight" aria-expanded="false" aria-controls="flush-collapseeight"> 8. What happens after the website is launched? </button> </h2> <div id="flush-collapseeight" class="accordion-collapse collapse" aria-labelledby="flush-headingeight" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> <p>After launch, we offer comprehensive post-launch support and maintenance packages to keep your site secure, updated, and performing optimally. We aim to be your long-term digital partner.</p> </div> </div> </div> </div> </div> </div> </section> </main> <?php include 'includes/shared/footer.php'; ?>
Save
Cancel