- Scan ID:
- daf95632-e678-4d99-aae6-0a34876c2f1eFinished
- Submitted URL:
- https://www.tuwaiqcf.com/
- Report Finished:
Links · 1 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://www.linkedin.com/company/tuwaiq-casting-forging-company |
JavaScript Variables · 7 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| bootstrap | object |
| AOS | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html class="fp-enabled" style="overflow: visible; height: initial;"><head>
<meta charset="utf-8">
<title>Tuwaiq Casting & 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&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black&display=swap&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 & 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 & Government Procurement Authority and Saudi Aramco's IKTVA program, as well as key anchor projects such as maritime yard development, rigs & 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 & 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>