<div class="bg-color-light-gray">
    <div class="container mb-3 mb-md-5">
        <div class="row align-items-center"> 
            <div class="col-sm-12 col-lg-6">
                <div class="container">
                    <h2 class="pt-5 pb-4">What is Website Development?</h2>
                    <p>Website development is more than just creating web pages. It's about bringing digital dreams to life through a blend of creativity, coding, and technical finesse. From designing stunning layouts to ensuring seamless functionality, website development encompasses a wide array of tasks aimed at delivering visually appealing, user-friendly, and high-performing websites.</p>
                </div>
            </div>
            <div class="col-sm-12 col-lg-6">
                <img src="public/img/webdev/wordpress-development-2.jpg" class="img-thumbnail" alt="Website Development">
            </div>
        </div>        
    </div>
</div>
<div>
    <div class="container mb-3 mb-md-5">
        <h2 class="pt-5 pb-4">Key Components of Website Development</h2>
        <div class="row justify-content-around p-3">
            <div class="col-md-6 col-lg-4 mb-3 p-3">
                <img src="public/img/icons/loon-icon-127.png" class="float-start mx-3" style="width: 2rem;" alt="Website Development">
                <h4>Website Design & Responsiveness</h4><p class="my-2 mx-sm-1 black">Let's start with the aesthetics and functionality. Designing visually appealing layouts that are also responsive ensures your website looks fantastic and works seamlessly across all devices.</p>
            </div>
            <div class="col-md-6 col-lg-4 mb-3 p-3">
                <img src="public/img/icons/loon-icon-127.png" class="float-start mx-3" style="width: 2rem;" alt="Website Development">
                <h4>Front-end Development</h4><p class="my-2 mx-sm-1 black">Once the design is finalized, it's time to breathe life into it. Front-end development involves coding using <strong>HTML</strong>, <strong>CSS</strong>, and <strong>JavaScript</strong> to ensure your website looks and behaves flawlessly across different devices.</p>
            </div>
            <div class="col-md-6 col-lg-4 mb-3 p-3">
                <img src="public/img/icons/loon-icon-127.png" class="float-start mx-3" style="width: 2rem;" alt="Website Development">
                <h4>Content Management System (CMS)</h4><p class="my-2 mx-sm-1 black">Managing content shouldn't be a hassle. CMS platforms like WordPress and OpenCart streamline the process, allowing you to update content effortlessly without diving into complex code.</p>
            </div>
            <div class="col-md-6 col-lg-4 mb-3 p-3">
                <img src="public/img/icons/loon-icon-127.png" class="float-start mx-3" style="width: 2rem;" alt="Web development">
                <h4>Back-end Development</h4><p class="my-2 mx-sm-1 black">Behind the scenes, back-end development powers the functionality of your website, handling tasks like user authentication and database management using languages like PHP.</p>
            </div>
            <div class="col-md-6 col-lg-4 mb-3 p-3">
                <img src="public/img/icons/loon-icon-127.png" class="float-start mx-3" style="width: 2rem;" alt="Website development">
                <h4>Database Management</h4><p class="my-2 mx-sm-1 black">Data is the backbone of dynamic websites. Database management involves creation, structuring and maintaining databases to ensure seamless data retrieval and storage.</p>
            </div>
            <div class="col-md-6 col-lg-4 mb-3 p-3">
                <img src="public/img/icons/loon-icon-127.png" class="float-start mx-3" style="width: 2rem;" alt="Web development">
                <h4>Web Hosting</h4><p class="my-2 mx-sm-1 black">Your website needs a home on the internet. Understanding web hosting options and configurations ensures your site is deployed and maintained with ease.</p>
            </div>
            <div class="col-md-6 col-lg-4 mb-3 p-3">
                <img src="public/img/icons/loon-icon-127.png" class="float-start mx-3" style="width: 2rem;" alt="Website development">
                <h4>Domain Management</h4><p class="my-2 mx-sm-1 black">Your domain is your digital address. Managing it involves selecting, registering, and maintaining a domain name to ensure your site remains easily accessible.</p>
            </div>
            <div class="col-md-6 col-lg-4 mb-3 p-3">
                <img src="public/img/icons/loon-icon-127.png" class="float-start mx-3" style="width: 2rem;" alt="Web development">
                <h4>Search Engine Optimization (SEO)</h4><p class="my-2 mx-sm-1 black">Get noticed in the vast online landscape with effective SEO techniques that improve your website's visibility and ranking on search engines.</p>
            </div>
            <div class="col-md-6 col-lg-4 mb-3 p-3">
                <img src="public/img/icons/loon-icon-127.png" class="float-start mx-3" style="width: 2rem;" alt="Website Development">
                <h4>Web Security</h4><p class="my-2 mx-sm-1 black">Protect your website and user data from cyber threats with robust security measures, including SSL certificates.</p>
            </div>
        </div>
    </div>
</div>
<div class="bg-color-light-gray">
    <div class="container pt-4 pb-5">
        <h2 class="pt-5 pb-4">Types of Websites I Can Create</h2>
        <p>I specialize in crafting a diverse range of websites, including:</p>
            <ul>
                <li class="py-2"><strong>Business Websites</strong> - Elevate your brand's online presence with a professional and functional website tailored to your business needs.</li>
                <li class="py-2"><strong>E-commerce Websites</strong> - Dive into the world of online retail with an e-commerce platform that showcases your products and facilitates seamless transactions.</li>
                <li class="py-2"><strong>Portfolio Websites</strong> - Showcase your work with a portfolio site designed to impress and attract potential clients and employers.</li>
                <li class="py-2"><strong>Blog and Content Websites</strong> - Share your ideas and expertise with the world through a blog or content-driven website that engages and informs your audience.</li>  
                <li class="py-2"><strong>Educational Websites</strong> - Create an online learning platform or educational resource center that delivers valuable content to students and learners.</li> 
                <li class="py-2"><strong>Non-profit Organization Websites</strong> - Raise awareness, engage supporters, and drive donations for your non-profit organization by sharing your mission, impact, and volunteer opportunities with the world.</li> 
            </ul>
    </div>
</div>
<div>
    <div class="container mb-3 mb-md-5">
        <div class="row align-items-center"> 
            <div class="col-sm-12 col-lg-6">
                <img src="public/img/webdev/website-development-2.png" class="img-thumbnail" alt="My experience in creating websites">
            </div>
            <div class="col-sm-12 col-lg-6">      
                <h2 class="pt-5 pb-4">My Approach to Website Development</h2>
                <ul>
                    <li>I'm dedicated to exceeding your expectations by understanding your vision and leveraging my expertise to bring it to fruition.</li>
                    <li>Clean, efficient code ensures your website not only looks great but also performs optimally.</li>
                    <li>I stay ahead of the curve with the latest trends and technologies to deliver cutting-edge solutions.</li>
                    <li>Customer satisfaction drives everything I do, from initial consultation to ongoing support post-launch.</li>
                </ul>  
            </div>
        </div>        
    </div>
</div>
<div class="bg-color-light-gray">
    <div class="container mb-3 mb-md-5">
        <div class="row align-items-center"> 
            <div class="col-sm-12 col-lg-6">      
                <h2 class="pt-5 pb-4">Let's Get Started on Building a Website! </h2>
                <p>Whether you're embarking on a new website project or need guidance on optimizing your existing site, I'm here to help. Let's collaborate to turn your website dreams into reality!</p>
                <p>Thank you for exploring the world of website development with me. I'm excited about the opportunity to work together and create something truly remarkable.</p>
 <div class="home-dev-btn text-center">
                    <a class="btn btn-danger" href="https://www.cordinant.com/contact.php">Contact Me</a>
                </div>
            </div>
            <div class="col-sm-12 col-lg-6">
                <img src="public/img/webdev/web-design-2.jpg" class="img-thumbnail" alt="My experience in development of websites">
            </div>
        </div>        
    </div>
</div>