https://www.tuwaiqcf.com/

ID da verificação
daf95632-e678-4d99-aae6-0a34876c2f1eConcluído
URL enviado:
https://www.tuwaiqcf.com/
Relatório concluído:
LinkTexto
https://www.linkedin.com/company/tuwaiq-casting-forging-company

Variáveis JavaScript · 7 encontrada(s)

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
bootstrapobject
AOSobject

Mensagens de registro do console · 0 encontrada(s)

HTML

<!DOCTYPE html><html class="fp-enabled" style="overflow: visible; height: initial;"><head>
    <meta charset="utf-8">
    <title>Tuwaiq Casting &amp; Forging Company</title>

    <!-- Mobile meta tag -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">

    <link rel="stylesheet" href="css/style.css">

    <!--Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Archivo+Black&amp;display=swap&amp;subset=latin-ext" rel="stylesheet">

    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
    <link rel="apple-touch-icon" href="images/favicon.png">

    <style>
/* Hide both videos initially */
#desktop-video, #mobile-video {
display: none;
        }

        .video-background video {
    width: 100vw;
            height: 100vh;
            object-fit: cover; /* Ensure video covers the screen */
            position: absolute;
            top: 0;
            left: 0;
        }

        @media only screen and (min-width: 768px) {
    #desktop {display: block !important;}
    #mobile {display: none !important;}
}

        @media only screen and (max-width: 768px) {
    #mobile {display: block !important;}
    #desktop {display: none !important;}
}
    </style>
</head>
<body class="fp-responsive fp-viewing-welcome" data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="0" style="overflow: visible; height: initial;">
    <div class="video-background">
        <!-- Empty divs for video, will be filled dynamically by JavaScript -->
        <div id="desktop-video" style="display: block;"><video autoplay="" loop="" muted="" playsinline="" poster="images/bg-video.png" id="desktop" style="display: block;">
                                            <source src="images/desktop.mp4" type="video/mp4">
                                        </video></div>
        <div id="mobile-video"></div>
    </div>

    <header class="page-header" id="page-header">
        <div class="container-full">
            <div class="navbar-header">
                <!-- Logo -->
                <a class="logo aos-init aos-animate" href="/" data-aos="fade-down" data-aos-offset="200" data-aos-delay="20">
                    <span class="logo-letter">Tuwaiq</span>
Casting &amp; Forging Company
</a>
            </div>
        </div>
    </header>

    <!-- Sidebar navigation -->
    <nav class="sidebar-nav sidebar-rounded" id="sidebar-nav">
        <ul>
            <li class="current">
                <a href="#welcome">
                    <span class="nav-dot"></span>
                    <span class="nav-label">Home</span>
                </a>
            </li>
            <li>
                <a href="#about">
                    <span class="nav-dot"></span>
                    <span class="nav-label">About Us</span>
                </a>
            </li>
            <li>
                <a href="#contacts">
                    <span class="nav-dot"></span>
                    <span class="nav-label">Contacts Us</span>
                </a>
            </li>
        </ul>
    </nav>

    <div class="page-wrap fullpage-wrapper" id="fullpage" style="height: 100%; position: relative;">
        <!-- Start Welcome -->
        <section class="welcome section-content section fp-section active fp-table fp-completely" data-anchor="welcome" style="height: 600px;"><div class="fp-tableCell" style="height:600px;">
            <div class="overlay light"></div>
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <h1 class="section-title aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
    Coming Soon..
                        </h1>
                        <div class="mg-t">
                            <a class="btn btn-outline btn-lg js-to-slide aos-init aos-animate" data-slide="2" href="#" data-aos="fade-up" data-aos-delay="200">
    About Us
<i class="fa fa-angle-down"></i>
                            </a>
                            <a class="btn btn-outline btn-lg js-to-slide aos-init aos-animate" data-slide="3" href="#" data-aos="fade-up" data-aos-delay="300">
    Contact Us
<i class="fa fa-angle-down"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div></section>

        <!-- Start About -->
        <section class="about section fp-section fp-table" data-anchor="about" style="height: 600px;"><div class="fp-tableCell" style="height:600px;">
            <div class="overlay light"></div>
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="hero-content aos-init" data-aos="fade-up" data-aos-delay="100">
                            <h2 class="mb-4 a">About Us</h2>
                        </div>
                        <div class="row">
                            <div class="col-12 col-sm-12">
                                <div class="mg-b">
                                    <p data-aos="fade-up" data-aos-delay="200" class="aos-init">
                                        Tuwaiq Casting and Forging Company is strategically located near the King Salman Maritime Industries Complex (KSICMIS) in Ras Al Khair, poised to become a cornerstone in KSA's industrial value chains. Our state-of-the-art facility specializes in producing semi-finished and finished casted and forged components.  
                                    </p>
                                    <p data-aos="fade-up" data-aos-delay="300" class="aos-init">
                                        Aligned with the objectives of the Local Content &amp; Government Procurement Authority and Saudi Aramco's IKTVA program, as well as key anchor projects such as maritime yard development, rigs &amp; equipment manufacturing, and engines JV initiatives, Tuwaiq Casting and Forging Company caters to both local and regional demands within the Energy sector. 
                                    </p>
                                    <p data-aos="fade-up" data-aos-delay="400" class="aos-init">
                                        Our operations focus on sand-casting and open-die forging processes, complemented by advanced machining capabilities. With an annual capacity of 80,000 tons, our facility is designed to deliver high-quality products that meet stringent industry standards while contributing to the growth and sustainability of Saudi Arabia's industrial landscape. 
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div></section>

        <!-- Start Contacts -->
        <section class="section-content contacts section fp-section fp-table" data-anchor="contacts" style="height: 600px;"><div class="fp-tableCell" style="height:600px;">
            <div class="overlay dark"></div>
            <div class="container">
                <div class="row mb-7"></div>
                <div class="row">
                    <div class="col-12 col-lg-5 mb-8 mb-lg-0">
                        <div class="row">
                            <div class="col-12 col-md-12 col-lg-12">
                                <h2 class="mb-4 a aos-init" data-aos="fade-up" data-aos-delay="100">Contact Us</h2>
                                <p data-aos="fade-up" data-aos-delay="200" class="aos-init">Give us a call or drop us an email and we will get back to you as soon as we can.</p>
                            </div>
                            <div class="col-12 col-md-6 col-lg-6 mb-4 mb-md-0 mb-lg-4 aos-init" data-aos="fade-up" data-aos-delay="300">
                                <p class="mb-0"><a href="tel:+966920022957">+966 920 022 957</a></p>
                            </div>
                            <div class="col-12 col-md-6 col-lg-6 mb-4 mb-md-0 mb-lg-4 aos-init" data-aos="fade-up" data-aos-delay="400">
                                <p class="mb-0"><a href="mailto:[email protected]" class="text-white">[email protected]</a></p>
                            </div>
                            <div class="col-12 col-md-12 col-lg-12 mb-0 aos-init" data-aos="fade-up" data-aos-delay="500">
                                <p class="mb-0">Ras Al-Khair, Eastern Province, Kingdom of Saudi Arabia</p>
                            </div>
							<div class="col-12 col-md-12 col-lg-12 aos-init" data-aos="fade-up" data-aos-delay="600" style="margin-top:15px" ;="">
                                <p class="mb-0">Interested in joining our team? <br> Send your CV to: <a href="mailto:[email protected]" class="text-white">[email protected]</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 offset-lg-1">
                        <div class="contact-form">


                            <form class="mg-b aos-init" id="contactForm" data-aos="fade-up" data-aos-delay="200">
                                <div class="form-wrap">
                                    <div class="form-group">
                                        <input class="form-control" name="fullName" id="fullName" placeholder="Name" type="text" required="">
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" id="email" name="email" placeholder="Email" type="email" required="">
                                    </div>
                                    <div class="form-group">
                                        <textarea class="form-control" cols="30" id="message" name="message" placeholder="Message" rows="5"></textarea>
                                    </div>
                                    <div class="form-group">
                                        <img id="ajaxLoader" src="images/ajax-loader.gif" style="display: none; margin-left: auto; margin-right: auto;">
                                    </div>
                                    <div class="form-group mg-t">
                                        <button class="btn btn-gradient-primary btn-lg btn-submit" id="submitBtn" type="submit">
                                            Send Message
                                            <i class="fa fa-paper-plane"></i>
                                        </button>
                                    </div>
                                </div>
<!--                                <div class='mgs'>-->
<!--                                    <div class='success-message'>-->
<!--                                        <i class='fa fa-check'></i>-->
<!--                                        Your message has been sent successfully.-->
<!--                                    </div>-->
<!--                                    <div class='error-message'>-->
<!--                                        <i class='fa fa-warning'></i>-->
<!--                                        E-mail must be valid-->
<!--                                    </div>-->
<!--                                </div>-->
                            </form>
                            <br>

                            <div id="success-message-div" class="result sc_infobox sc_infobox_style_success" style="display: none"></div>

                            <div id="error-message-div" class="result sc_infobox sc_infobox_style_error" style="display: none"></div>


                        </div>
                    </div>
                </div>
            </div>
        </div></section>
    </div>

    <!-- Start Footer -->
    <footer class="page-footer">
        <div class="container-full">
            <div class="">
                <div class="d-flex-footer">
                    <div class="social-nav">
                        <ul>
                            <li><a target="_blank" href="https://www.linkedin.com/company/tuwaiq-casting-forging-company"><i class="fa-brands fa-linkedin-in"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                            <li><a href="mailto:[email protected]"><i class="fa-regular fa-paper-plane"></i></a></li>
                        </ul>
                    </div>
                    <div class="copyright-wrapper">
                        <div class="copyright">
© 2024 Tuwaiq Casting &amp; Forging Company. All Rights Reserved.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="js/jquery-3.4.0.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/bootstrap.bundle.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script src="js/main.js"></script>

    <!-- AOS Initialization -->
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    





    
    
    
    <script>
AOS.init({
            offset: 120,
            duration: 1000,
            easing: 'ease',
        });

        // JavaScript to load the appropriate video based on screen size
        document.addEventListener('DOMContentLoaded', function () {
            var desktopDiv = document.getElementById('desktop-video');
            var mobileDiv = document.getElementById('mobile-video');

            if (window.innerWidth >= 768) {
                // Load desktop video
                desktopDiv.innerHTML = `<video autoplay loop muted playsinline poster="images/bg-video.png" id="desktop" style="display: block;">
                                            <source src="images/desktop.mp4" type="video/mp4">
                                        </video>`;
                desktopDiv.style.display = 'block';
            } else {
                // Load mobile video
                mobileDiv.innerHTML = `<video autoplay loop muted playsinline poster="images/bg-mobile.jpg" id="mobile" style="display: block;">
                                            <source src="images/mobile_2.mp4" type="video/mp4">
                                       </video>`;
                mobileDiv.style.display = 'block';
            }
        });


// for contact form

$("form#contactForm").submit(function (e)
     {

         e.preventDefault();
         $('#ajaxLoader').show();
         $('#submitBtn').hide();

         var formData = new FormData(this);

         $.ajax({
             type: "POST",
             url: "ajax_contactus.php",
             data: formData,
             cache: false,
             contentType: false,
             processData: false,
             success: function (data) {

                 console.log(data);
                 // alert(data);

                 var statusmessage = data.trim().split("|")[0];
                 var message = data.trim().split("|")[1];


                 if (statusmessage.toString().trim() === "SUCCESS") {
                     $("#error-message-div").hide();
                     $("#success-message-div").show();
                     $('#contactForm').hide();
                     $("#success-message-div").html(message);
                 }

                 if (statusmessage.toString().trim() === "ERROR") {
                     $("#ajaxLoader").css('display', 'block');
                     $('#ajaxLoader').hide();
                     $('#submitBtn').show();
                     $("#error-message-div").show();
                     $("#error-message-div").html(message);
                 }

             },
             always: function (data) {
                 console.log("Always snippet" + data);
             },
             fail: function (data) {
                 console.log("Error sniippet" + data);
             }
         });

         return false;
     });


// for contact form


    </script>
    
    <style>

#success-message-div 
{
    background-color: #5aa631;
    border: 1px solid #c8f8af;
    background: #eaffdf;
    text-align: center;
    /*max-width: 700px;*/
    color: #000000;
    padding: 20px;
    left: 30px;
    width: 100%;
}

    #error-message-div {
 background-color: #7C0304;
  border: 1px solid #ffd8d8;
  background: #e30613;
  text-align: center;
   width: 100%;
  /*max-width: 700px;*/
  color: #ffffff;
   padding: 5px;
   left: 30px;

}



</style>


</body></html>