TERMINAL FM // public

EDITOR
/home/u917864144/domains/dtdesigner.in/public_html/index.php
<?php
$host   = "localhost";
$user   = "u917864144_designer";        // ganti sesuai hosting
$pass   = "DtDesigner7*";            // ganti sesuai hosting
$dbname = "u917864144_dt";  // ganti sesuai nama database

$conn = new mysqli($host, $user, $pass, $dbname);
if ($conn->connect_error) {
    die("Koneksi gagal: " . $conn->connect_error);
}
$conn->set_charset("utf8mb4");

// 1. Latest Projects (portfolio WHERE latest_id = 2)
$portfolio_result = $conn->query("SELECT id, name, description, image, category_name, graphic_category FROM portfolio WHERE latest_id = 2 ORDER BY id ASC");

// 2. Portfolio Categories (category WHERE home_id = 2) — untuk section cards
$category_result = $conn->query("SELECT id, category_name, description, image FROM category WHERE home_id = 2 ORDER BY id ASC");
?>
<!DOCTYPE html>
<html lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="DT Designer, Graphic Design, UI UX, Website Design, Logo">
    <meta name="description" content="DT Designer - Creative Design Studio">
    <meta name="author" content="">

    <title>DT DESIGNER - Website</title>

    <link rel="shortcut icon" href="assets/imgs/favicon.png">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Plugins -->
    <link rel="stylesheet" href="common/css/plugins.css">

    <!-- Core Style -->
    <link rel="stylesheet" href="common/css/common_style.css">
    <link rel="stylesheet" href="assets/css/personal.css">
    <link rel="stylesheet" href="assets/css/creative-studio.css">
    <link rel="stylesheet" href="assets/css/inner_pages.css">
    <link rel="stylesheet" href="assets/css/main-home.css">
    <link rel="stylesheet" href="common/css/plugins/lightbox.css">

    <!-- Swiper -->
    <link rel="stylesheet" href="assets/css/swiper-bundle.css" />
    <link rel="stylesheet" href="assets/css/custom.css" />

    <script defer src="assets/js/swiper-bundle-min.js"></script>
    <script defer src="assets/js/slider.js"></script>
</head>

<body>

<!-- ==================== Start Loading ==================== -->
<div class="loader-wrap">
    <svg viewBox="0 0 1000 1000" preserveAspectRatio="none">
        <path id="svg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path>
    </svg>
    <div class="loader-wrap-heading">
        <div class="load-text">
            <span>L</span><span>o</span><span>a</span><span>d</span><span>i</span><span>n</span><span>g</span>
        </div>
    </div>
</div>
<!-- ==================== End Loading ==================== -->

<div class="cursor"></div>
<canvas class="banner_canvas" id="canvas_banner"></canvas>

<!-- ==================== Start progress-scroll-button ==================== -->
<div class="progress-wrap cursor-pointer">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
    </svg>
</div>
<!-- ==================== End progress-scroll-button ==================== -->

<!-- ==================== Start Navbar ==================== -->
<nav class="navbar navbar-expand-lg">
    <div class="container">
        <a class="logo" href="index.php">
            <img src="common/imgs/Logo-light.png" alt="logo" style="width: 250%; padding-left:40px;">
        </a>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav">
                <li class="nav-item"><a class="nav-link" href="index.php">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="about.php">About Us</a></li>
                <li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
                <li class="nav-item"><a class="nav-link" href="portfolio.php">Portfolio</a></li>
                <li class="nav-item"><a class="nav-link" href="packages.php">Packages</a></li>
            </ul>
        </div>
        <div class="topnav d-flex align-items-center">
            <a href="contact.php" class="butn butn-rounded">
                <div class="d-flex align-items-center">
                    <span>Contact Us</span>
                    <span class="icon ml-10" style="color: #fff;">
                        <img src="common/imgs/icons/arrow-top-right.svg" alt="">
                    </span>
                </div>
            </a>
            <div class="menu-icon cursor-pointer">
                <span class="icon ti-align-right d-inline d-lg-none" style="color: black;"></span>
            </div>
        </div>
    </div>
</nav>

<!-- Hamburger Menu -->
<div class="hamenu">
    <div class="close-menu cursor-pointer ti-close"></div>
    <div class="container-fluid rest d-lg-flex">
        <div class="menu-links">
            <ul class="main-menu rest">
                <li><a href="index.php" class="sub-link">Home</a></li>
                <li><a href="about.php" class="sub-link">About Us</a></li>
                <li><a href="services.php" class="sub-link">Services</a></li>
                <li><a href="portfolio.php" class="sub-link">Portfolio</a></li>
                <li><a href="packages.php" class="sub-link">Packages</a></li>
                <li><a href="contact.php" class="sub-link">Contact Us</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- ==================== End Navbar ==================== -->

<div id="smooth-wrapper">
    <div id="smooth-content">
        <main>

<!-- ==================== Start Header / Banner ==================== -->
<header class="header-personal">
    <div>
        <div id="carouselExampleIndicators" class="carousel slide img_slider banner_img" data-bs-ride="carousel">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
            </div>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="image/banner/3.jpg" class="d-block w-100" alt="Banner 1">
                </div>
                <div class="carousel-item">
                    <img src="image/banner/template.jpg" class="d-block w-100" alt="Banner 2">
                </div>
                <div class="carousel-item">
                    <img src="image/banner/v_e.jpg" class="d-block w-100" alt="Banner 3">
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>
</header>
<!-- ==================== End Header ==================== -->


<!-- ==================== Start Why Choose Us ==================== -->
<section class="section-padding bg-img">
    <div class="container pt-30 ontop">
        <div class="sec-head mb-80">
            <span class="sub-head">Why Choose Us</span>
            <h2 class="fz-70">Few Reasons</h2>
        </div>
    </div>

    <section class="faqs-pg section-padding pt-0">
        <div class="container">
            <div class="row lg-marg">
                <div class="col-lg-5 md-mb30">
                    <div class="fit-img img">
                        <img src="assets/imgs/faqs.jpg" alt="Why Choose Us">
                    </div>
                </div>
                <div class="col-lg-7 pt-20 pb-30">
                    <div class="sec-head mb-20">
                        <h2>We Deal With The Aspects Professional IT Services</h2>
                        <p style="margin-top: 1em;">Our promising team will make your Tech-business
                            smooth and simple. we don't just simply start developing. As your solution
                            partner we research, analyse, plan, design and document your requirement
                            and then execute it to ensure the best results. we love what we do and that
                            is the reason we deliver what we have promised to deliver. We also offer you
                            the user guides and maintenance services for your benefits and comfort.</p>
                    </div>

                    <div class="accordion" id="accordionExample">
                        <?php
                        $reasons = [
                            'Creative Design',
                            'Quality Assurance',
                            'Experienced Team',
                            'Quick Response',
                            '100% Satisfaction'
                        ];
                        foreach ($reasons as $reason):
                        ?>
                        <div class="d-flex mt-20 align-items-center">
                            <div class="d-flex">
                                <img src="common/imgs/icons/check_circle.svg" width="1" height="1" style="width: 2em;" />
                            </div>
                            <div style="margin-left: 1.5em;">
                                <h6><?php echo $reason; ?></h6>
                            </div>
                        </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
        </div>
    </section>
</section>
<!-- ==================== End Why Choose Us ==================== -->


<!-- ==================== Start Our Services ==================== -->
<section class="work-min ontop">
    <div class="container pt-80">
        <div class="sec-head mb-80">
            <div class="d-flex">
                <div>
                    <span class="sub-head">Our Services</span>
                    <h2>What We Offer</h2>
                </div>
                <div class="ml-auto"></div>
            </div>
        </div>

        <div class="row justify-content-center">
            <!-- Kiri -->
            <div class="col-lg-4 text-sm-right">
                <?php
                $services_left = [
                    ['icon' => 'o1.png', 'title' => 'Graphic Designer',       'desc' => 'Catlog, Poster, Holding.'],
                    ['icon' => 'o5.png', 'title' => 'UI/UX Design',            'desc' => 'We are responsive to UI/UX design.'],
                    ['icon' => 'o7.png', 'title' => 'Photo & Videography',     'desc' => 'We do photography and videography.'],
                    ['icon' => 'o4.png', 'title' => '3D Architect',            'desc' => 'We create 3D home design.'],
                ];
                foreach ($services_left as $svc):
                ?>
                <div class="service_text mt-10 d-flex">
                    <div class="d-flex">
                        <img src="assets/imgs/icon/<?php echo $svc['icon']; ?>" style="width: 3em;" />
                    </div>
                    <a href="portfolio.php">
                        <div style="margin-left: 1.5em;">
                            <h6><?php echo $svc['title']; ?></h6>
                            <p><?php echo $svc['desc']; ?></p>
                        </div>
                    </a>
                </div>
                <?php endforeach; ?>
            </div>

            <!-- Tengah (gambar) -->
            <div class="col-lg-4 text-center">
                <div class="">
                    <img src="assets/imgs/header/3.jpg" alt="Services" class="service_img">
                </div>
            </div>

            <!-- Kanan -->
            <div class="col-lg-4">
                <?php
                $services_right = [
                    ['icon' => 'o2.png', 'title' => 'Video Editing',          'desc' => 'We edit high-quality video.'],
                    ['icon' => 'o6.png', 'title' => 'Website Design',         'desc' => 'We create responsive Website design.'],
                    ['icon' => 'o3.png', 'title' => 'Logo Design',            'desc' => 'We create creative logos.'],
                    ['icon' => 'o8.png', 'title' => 'Social Media Marketing', 'desc' => 'We manage social media page.'],
                ];
                foreach ($services_right as $svc):
                ?>
                <div class="service_text mt-10 d-flex">
                    <div class="d-flex">
                        <img src="assets/imgs/icon/<?php echo $svc['icon']; ?>" style="width: 3em;" />
                    </div>
                    <a href="portfolio.php">
                        <div style="margin-left: 1.5em;">
                            <h6><?php echo $svc['title']; ?></h6>
                            <p><?php echo $svc['desc']; ?></p>
                        </div>
                    </a>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </div>
</section>
<!-- ==================== End Our Services ==================== -->


<!-- ==================== Start Latest Projects (dari tabel: portfolio) ==================== -->
<section class="work-card pt-0">
    <div class="container pt-100 ontop">
        <div class="sec-head mb-80">
            <span class="sub-head">Our Projects</span>
            <h2 class="fz-70">Our Latest Projects</h2>
        </div>

        <div class="container">
            <div class="swiper mySwiper team-member-slider team-slider-two">
                <ul class="swiper-wrapper">
                    <?php if ($portfolio_result && $portfolio_result->num_rows > 0): ?>
                        <?php while ($port = $portfolio_result->fetch_assoc()): ?>
                        <li class="swiper-slide">
                            <div class="team-coverflow">
                                <div class="team-data-img">
                                    <div class="team-img">
                                        <a href="portfolio.php">
                                            <img src="image/portfolio/<?php echo htmlspecialchars($port['image']); ?>" alt="<?php echo htmlspecialchars($port['name']); ?>" />
                                        </a>
                                    </div>
                                </div>
                                <div class="team-text">
                                    <br />
                                    <h6 class="capitalize font-medium text-xl"><?php echo htmlspecialchars($port['name']); ?></h6>
                                    <p class="capitalize font-medium text-xl mt-2"><?php echo htmlspecialchars($port['description']); ?></p>
                                </div>
                            </div>
                        </li>
                        <?php endwhile; ?>
                    <?php endif; ?>
                </ul>
                <div class="swiper-button-next team-slider-two-next slider-arrows text-xl"></div>
                <div class="swiper-button-prev team-slider-two-prev slider-arrows text-xl"></div>
            </div>
        </div>
    </div>
</section>
<!-- ==================== End Latest Projects ==================== -->


<!-- ==================== Start Portfolio Cards (dari tabel: category) ==================== -->
<section class="work-card section-padding pt-0">
    <div class="container pt-100 ontop">
        <div class="cards">
            <?php if ($category_result && $category_result->num_rows > 0): ?>
                <?php while ($cat = $category_result->fetch_assoc()): ?>
                <div class="card-item">
                    <div class="d-lg-flex align-items-end">
                        <div>
                            <div class="tags">
                                <a href="portfolio.php">Portfolio</a>
                            </div>
                            <h3 class="title">
                                <a href="portfolio.php"><?php echo htmlspecialchars($cat['category_name']); ?></a>
                            </h3>
                        </div>
                        <div class="ml-auto">
                            <a href="portfolio.php" class="butn butn-md butn-bord butn-rounded">
                                <div class="d-flex align-items-center">
                                    <span>View Project</span>
                                    <span class="icon ml-10">
                                        <img src="common/imgs/icons/arrow-top-right.svg" alt="">
                                    </span>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="img fit-img mt-30">
                        <img src="image/category/<?php echo htmlspecialchars($cat['image']); ?>" alt="<?php echo htmlspecialchars($cat['category_name']); ?>">
                    </div>
                </div>
                <?php endwhile; ?>
            <?php endif; ?>
        </div>
    </div>
</section>
<!-- ==================== End Portfolio Cards ==================== -->


<!-- ==================== Start Gray Box ==================== -->
<section class="gray-box section-padding">

    <!-- ==================== Start Our Technology ==================== -->
    <section class="blog-cst">
        <div class="container pt-10">
            <div class="sec-head mb-80">
                <div class="d-flex">
                    <div>
                        <span class="sub-head">Our Technology</span>
                        <h2>We Design With The Help Of This Software</h2>
                    </div>
                </div>
            </div>

            <marquee width="100%" direction="left" height="100%" scrollamount="20">
                <div class="skills">
                    <div class="container pt-30">
                        <div class="justify-content-center d-flex">
                            <?php
                            $techs = [
                                ['img' => 's1.png',  'name' => 'Figma'],
                                ['img' => 's3.png',  'name' => 'WordPress'],
                                ['img' => 's4.png',  'name' => 'Sketch'],
                                ['img' => 's5.png',  'name' => 'Photoshop'],
                                ['img' => 's6.png',  'name' => 'Illustrator'],
                                ['img' => 's7.png',  'name' => 'Coreldraw'],
                                ['img' => 's8.png',  'name' => 'Premiere Pro'],
                                ['img' => 's9.png',  'name' => 'After Effect'],
                                ['img' => 's10.png', 'name' => '3D max'],
                                ['img' => 's11.png', 'name' => 'Maya'],
                                ['img' => 's12.png', 'name' => 'Zbrush'],
                                ['img' => 's13.png', 'name' => 'Adobe flash'],
                                ['img' => 's14.png', 'name' => 'Adobe XD'],
                            ];
                            foreach ($techs as $tech):
                            ?>
                            <div>
                                <div class="item md-mb30">
                                    <div class="box">
                                        <div class="img">
                                            <img src="assets/imgs/skills/<?php echo $tech['img']; ?>" alt="<?php echo $tech['name']; ?>">
                                            <h6 style="padding-top: 2em;"><?php echo $tech['name']; ?></h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>
            </marquee>
        </div>
    </section>
    <!-- ==================== End Our Technology ==================== -->


    <!-- ==================== Start Our Clients ==================== -->
    <section class="blog-cst">
        <div class="container pt-10">
            <div class="sec-head mb-80">
                <div class="d-flex">
                    <div>
                        <span class="sub-head">Our Clients</span>
                        <h2>Our Current Clients</h2>
                    </div>
                </div>
            </div>

            <marquee width="100%" direction="left" height="100%" scrollamount="20">
                <div class="skills">
                    <div class="container pt-30">
                        <div class="justify-content-center d-flex">
                            <?php
                            $clients = [
                                ['img' => 'image/Customerlogo/00.png',  'name' => 'Humsafar<br>Holiday', 'padding' => '1em', 'line' => true],
                                ['img' => 'image/Customerlogo/03.png',  'name' => '2Xcure',              'padding' => '2em', 'line' => false],
                                ['img' => 'assets/imgs/skills/004.png', 'name' => 'kt',                  'padding' => '2em', 'line' => false],
                                ['img' => 'assets/imgs/skills/04.png',  'name' => 'Mindron',             'padding' => '2em', 'line' => false],
                                ['img' => 'assets/imgs/skills/06.png',  'name' => 'Steam ZY',            'padding' => '2em', 'line' => false],
                            ];
                            foreach ($clients as $client):
                            ?>
                            <div>
                                <div class="item md-mb30">
                                    <div class="box">
                                        <div class="img">
                                            <img src="<?php echo $client['img']; ?>" alt="<?php echo strip_tags($client['name']); ?>">
                                            <h6 style="padding-top: <?php echo $client['padding']; ?>; <?php echo $client['line'] ? 'line-height:1.5;' : ''; ?>">
                                                <?php echo $client['name']; ?>
                                            </h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>
            </marquee>
        </div>
    </section>
    <!-- ==================== End Our Clients ==================== -->

</section>
<!-- ==================== End Gray Box ==================== -->


<!-- ==================== Start Footer ==================== -->
<footer>
    <div class="container">
        <div class="top-content text-center wow fadeInUp slow" data-wow-delay="0.4s">
            <h2><a href="index.php">Get In Touch</a></h2>
            <h6 class="float_txt js-title">Connect</h6>
        </div>
        <div class="main-content">
            <div class="row justify-content-between">
                <div class="col-lg-5">
                    <div class="text">
                        <p class="mr-100">DT Designer has been providing satisfactory creative design for valuable clients.</p>
                        <div class="social-icons">
                            <a href="https://www.facebook.com/share/196syUd6Rj/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
                            <a href="https://www.instagram.com/dtdesigner13?igsh=MXgzdHo2bDlwMXZsdw==" target="_blank"><i class="fa-brands fa-instagram"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <p>Our Services</p>
                    <ul class="mt-30 p-0 m-0">
                        <li class="mb-15"><a href="index.php">Home</a></li>
                        <li class="mb-15"><a href="about.php">About Us</a></li>
                        <li class="mb-15"><a href="services.php">Service</a></li>
                        <li class="mb-15"><a href="portfolio.php">Portfolio</a></li>
                        <li class="mb-15"><a href="packages.php">Packages</a></li>
                        <li class="mb-15"><a href="contact.php">Contact Us</a></li>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <p class="fz-24">TEJAS CHAUTE :</p>
                    <a href="tel:+918200096523" class="contact-number fz-44">+91 82000 96523</a>
                    <ul class="fz-18 mt-30 rest">
                        <li class="mb-30">
                            <a href="mailto:dtdesigner13@gmail.com">
                                <p class="mb-5">EMAIL ID :</p>dtdesigner13@gmail.com
                            </a>
                        </li>
                        <li>
                            <a href="https://maps.app.goo.gl/sTwuxSbSGRj5G72s9">
                                <p class="mb-5">ADDRESS :</p>Althan Bhimrad Canal Road, Surat, Gujarat - 395007
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bord-thin-top-light">
            <p class="text-center mt-20">Copyright © <?php echo date('Y'); ?>
                <a href="index.php" style="color: #fff; font-weight: 500;">DT Designer.</a> | All Rights Reserved.
            </p>
        </div>
    </div>
</footer>
<!-- ==================== End Footer ==================== -->

        </main>
    </div>
</div>


<!-- ==================== Scripts ==================== -->
<script src="common/js/lib/jquery-3.6.0.min.js"></script>
<script src="common/js/lib/jquery.magnific-popup.min.js"></script>
<script src="common/js/lib/lightbox-plus-jquery.js"></script>
<script src="common/js/lib/plugins.js"></script>

<!-- GSAP -->
<script src="common/js/gsap_lib/gsap.min.js"></script>
<script src="common/js/gsap_lib/ScrollSmoother.min.js"></script>
<script src="common/js/gsap_lib/ScrollTrigger.min.js"></script>
<script src="common/js/gsap_lib/SplitText.min.js"></script>
<script src="common/js/lib/smoke.js"></script>
<script src="common/js/gsap_lib/matter.js"></script>
<script src="common/js/gsap_lib/throwable.js"></script>

<script src="common/js/common_scripts.js"></script>
<script src="assets/js/scripts.js"></script>
<script src="assets/js/inner_pages.js"></script>
<script src="common/js/card_slider.js"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/all.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="assets/js/embed.min.js"></script>

<?php $conn->close(); ?>
</body>
</html>
Ln 1, Col 1
ONLINE
public_html
26 items
12:35:54