https://www.tuwaiqcf.com/

Eingereichte URL:
https://www.tuwaiqcf.com/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
https://www.linkedin.com/company/tuwaiq-casting-forging-company

JavaScript-Variablen · 7 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
bootstrapobject
AOSobject

Konsolenprotokoll-Meldungen · 0 gefunden

In der Web-Konsole protokollierte Meldungen

HTML

Der HTML-Rohtext der Seite

<!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>