main
commit
6a48118ab7
|
@ -0,0 +1,8 @@
|
|||
<?php
|
||||
define("APP_PATH", getcwd());
|
||||
define("APP_DIR", __DIR__);
|
||||
define("domain", 'siliconpin.com');
|
||||
define("HTTP_HOST", "");//$_SERVER['HTTP_HOST'] == 'localhost:8080';$_SERVER['SERVER_NAME'] == 'localhost';
|
||||
$url = explode('/', $_SERVER['REQUEST_URI']);define("F_D",0);
|
||||
session_start();
|
||||
// include('DIZZ/engine.php');
|
|
@ -0,0 +1,153 @@
|
|||
<?php
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
$web_page_title = 'DWD Siliconpin | Homepage.';
|
||||
$web_page_meta_title = 'Keeping your Data Resilient.';
|
||||
$web_page_meta_description = 'We provide ready to use hardware with preset software [with full freedom and ownership no stings attached] Paid Support for FOSS, with customized development. Data migration and recovery services.';
|
||||
$web_page_meta_keywords = '';
|
||||
$web_page_meta_author = '';
|
||||
$web_page_meta_og_title = 'DWD Siliconpin | Homepage';
|
||||
$web_page_meta_og_description = 'Keeping your Data Resilient.';
|
||||
$web_page_meta_og_image = '';
|
||||
$web_page_meta_og_url = '';
|
||||
$web_page_meta_twitter_title = '';
|
||||
$web_page_meta_twitter_description = '';
|
||||
$web_page_meta_twitter_image = '';
|
||||
$web_page_meta_twitter_card = '';
|
||||
?>
|
||||
<div class="">
|
||||
<section class="diZContainer diZmxAuto">
|
||||
<div class="">
|
||||
<div class="">
|
||||
<h2>DWD Consultancy Services</h2>
|
||||
<p>Keeping your data resilient.</p>
|
||||
<p>
|
||||
<ul>
|
||||
<li> We provide ready to use hardware with preset software [with full freedom and ownership no stings attached]</li>
|
||||
<li> Paid Support for FOSS, with customized development. </li>
|
||||
<li> Data migration and recovery services. </li>
|
||||
</ul>
|
||||
<br>
|
||||
<button onclick="d.showModal()" class="">Get in Touch</button>
|
||||
</p>
|
||||
</div>
|
||||
<div class="">
|
||||
<!-- <Clock /> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- <p class="text-center text-6xl font-bold py-72">Work In Progress</p> -->
|
||||
</section>
|
||||
<section class="">
|
||||
<div>
|
||||
<dialog id="d" class="">
|
||||
<div>
|
||||
<div class="diZFlexRow diZFlexBetween diZItemsCenter">
|
||||
<h2 class="">Get In Touch</h2>
|
||||
<form method="dialog"><button class="">✘</button></form>
|
||||
</div>
|
||||
<form id="contactForm" >
|
||||
<div id="formSection">
|
||||
<div class="diZFlexColumn">
|
||||
<label for="name">Name:</label>
|
||||
<input name="name" id="name" type="text" placeholder="Your Name" required/>
|
||||
</div>
|
||||
<div class="diZFlexColumn">
|
||||
<label for="email">E-mail:</label>
|
||||
<input name="email" id="email" type="email" placeholder="Ex: example@email.com" required/>
|
||||
</div>
|
||||
<div class="diZFlexColumn">
|
||||
<label for="mobile">Mobile: <span class="text-xs">(with country code)</span></label>
|
||||
<input name="mobile" id="mobile" type="text" placeholder="Ex: +91 0123456789" />
|
||||
</div>
|
||||
<div class="diZFlexColumn">
|
||||
<label for="content">Message:</label>
|
||||
<textarea name="content" id="content" cols="34" rows="8" placeholder="Write your Message..." required></textarea>
|
||||
</div>
|
||||
<div class="flex flex-col mt-4">
|
||||
<input type="submit" value="Submit" class="" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="thankYouSection" style="display: none;">
|
||||
<p class="">Thank You!</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
<!-- <section class="container mx-auto px-4 mt-16">
|
||||
<div class="ourTeamcontainer">
|
||||
<h1 class="text-center text-2xl md:text-4xl font-bold pt-6"><span class="text-[#05b3a4]">O</span>ur Team</h1>
|
||||
<div class="row">
|
||||
<div class="card" style="--bc: #8E9792;--btn: #8E9792;">
|
||||
<img src="https://i.ibb.co/dK3Z1LC/1-XMKyvw-IXm-I7.jpg" alt="*">
|
||||
<h2>Dildar</h2>
|
||||
<p class="role">Creative Leader</p>
|
||||
<p>dildar@mail.com</p>
|
||||
<a href="tel:+880123456789">Call</a>
|
||||
</div>
|
||||
<div class="card" style="--bc: #C89F9C;--btn: #C89F9C;">
|
||||
<img src="https://i.ibb.co/zb85xJn/2144735x-Tx-FT0v-G.jpg" alt="*">
|
||||
<h2>Misha</h2>
|
||||
<p class="role">Sales Manager</p>
|
||||
<p>misha@mail.com</p>
|
||||
<a href="tel:+880123456789">Call</a>
|
||||
</div>
|
||||
<div class="card" style="--bc: #15307D;--btn: #15307D;">
|
||||
<img src="https://i.ibb.co/cb9FPPw/2144934-Gz-Znk-I7-L.jpg" alt="*">
|
||||
<h2>Dipjol</h2>
|
||||
<p class="role">Web Developer</p>
|
||||
<p>dipjol@mail.com</p>
|
||||
<a href="tel:+880123456789">Call</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script is:inline>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const contactForm = document.getElementById('contactForm');
|
||||
const formSection = document.getElementById('formSection');
|
||||
const thankYouSection = document.getElementById('thankYouSection');
|
||||
const nameInput = document.getElementById('name');
|
||||
const emailInput = document.getElementById('email');
|
||||
const phoneInput = document.getElementById('mobile');
|
||||
const contentInput = document.getElementById('content');
|
||||
|
||||
contactForm.addEventListener('submit', async function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
const formData = {
|
||||
name: nameInput.value,
|
||||
email: emailInput.value,
|
||||
phone: phoneInput.value,
|
||||
content: contentInput.value,
|
||||
form_name: "DWD SiliconPin - (Homepage)",
|
||||
};
|
||||
console.log("Form Data", formData)
|
||||
const url = 'https://api8.siliconpin.com/items/contact';
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
});
|
||||
if (response.ok) {
|
||||
// console.log('Form data submitted successfully');
|
||||
formSection.style.display = 'none';
|
||||
thankYouSection.style.display = 'block';
|
||||
} else {
|
||||
console.error('Failed to submit form data');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('An error occurred:', error);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
|
@ -0,0 +1,23 @@
|
|||
<?php
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
?>
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<section class="diZContainer diZmxAuto">
|
||||
<div class="">
|
||||
<h1 class="">Know about DWD Consultancy Services</h1>
|
||||
<img class="" src="/img/laddy2.png" alt="">
|
||||
</div>
|
||||
</section>
|
||||
<section class="diZContainer diZmxAuto">
|
||||
<h1 class="">About Us </h1>
|
||||
<div class="text-justify text-xl pt-16">
|
||||
<p>DWD Consultancy Services Started doing digital works since 2008, first project was : digitization of banking data. </p>
|
||||
<p>Many similar project followed by data management of various News & Media outlet. </p>
|
||||
<p>Now we are serving some Govt. & corporate houses under Suvankar Sarkar's guidance as a legal name DWD Consultancy Services.</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
|
@ -0,0 +1,146 @@
|
|||
<?php
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
?>
|
||||
<div>
|
||||
<section class="container-fluid bg-gradient-to-t from-white to-[#05b3a420] h-fit shadow">
|
||||
<div class="container mx-auto px-4 flex flex-col md:flex-row place-content-between place-items-center">
|
||||
<div class="flex flex-col justify-center place-items-start">
|
||||
<p class="text-5xl font-bold text-center"><span class="text-[#05b3a4]">D</span>WD <span class="text-[#05b3a4]">C</span>onsultancy <span class="text-[#05b3a4]">S</span>ervices</p>
|
||||
<button onclick="d.showModal()" class="bg-[#05b3a4] w-fit px-6 py-2 rounded-tl-full rounded-br-full hover:shadow-xl hover:scale-105 duration-700 text-white font-bold">Get in Touch</button>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<img class="" src="/img/motherboard1.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 mt-10">
|
||||
<h1 class="text-3xl font-bold text-center py-16">PC Configuration for AI_Server</h1>
|
||||
<div class="flex flex-col lg:flex-row place-content-center gap-6 ">
|
||||
<div class="flex flex-col">
|
||||
<model-viewer id="computer_model" class="computerwidth computerborder bg-[#05b3a430]" src="/img/computer_light_pc.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="/img/poster.png" shadow-intensity="1" camera-target="-2.135m 1.38m 0.17m" camera-orbit="88deg 85deg 8.99m" field-of-view="30deg">
|
||||
<div class="progress-bar hide" slot="progress-bar">
|
||||
<div class="update-bar"></div>
|
||||
</div>
|
||||
<!-- <div class="inline-flex" id="ar-prompt">
|
||||
<img src="https://modelviewer.dev/shared-assets/icons/hand.png" />
|
||||
<button class="-mt-2" slot="ar-button" id="ar-button">View in your space</button>
|
||||
</div> -->
|
||||
</model-viewer>
|
||||
|
||||
<!-- <img class="rounded-lg " src="/img/computer.jpg" alt="" /> -->
|
||||
<!-- <model-viewer class="computerwidth computerborder w-full" id="aicomputer_model" camera-controls touch-action="pan-x" animation-name="Dance" ar ar-modes="webxr scene-viewer" scale="1 1 1" shadow-intensity="1" src="/img/computer_light_pc.glb" alt="AI Server Computer Setup"></model-viewer> -->
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-4">
|
||||
<p class="text-3xl font-bold ">Price 1,40,000.00/- Only</p>
|
||||
<p><b>Processors:</b> <span>Intel® i5 Processors</span></p>
|
||||
<p><b>RAM:</b><span> 64GB RAM</span></p>
|
||||
<p><b>Graphics Card:</b><span> 8GB Nvidia Graphics Card</span></p>
|
||||
<div class="flex"><button class="w-full py-3 text-2xl text-white hover:text-[#05b3a4] bg-[#05b3a4] hover:bg-gray-900 rounded-xl hover:scale-105 duration-700 hover:shadow-lg">Buy Now</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10">
|
||||
<h1 class="text-2xl font-bold pb-1">What is AI Server?</h1>
|
||||
<p class="text-justify py-1">Think about AI (Artificial Intelligence) as a brain – a super-smart brain that can learn from information and make decisions just like humans do. Now, imagine this brain needs a special place to live, think, and process all that information. That's where AI servers come into play.</p>
|
||||
<p class="text-justify py-1">An AI server is like a high-tech workshop for the AI brain. It's a powerful computer that's designed to handle really complex tasks, just like how a super-smart scientist might need a fancy lab to conduct experiments.</p>
|
||||
<p class="text-justify py-1">You see, AI is hungry for data. It needs lots of information to learn and become smart. It's like teaching a pet – the more you show it, the better it gets at understanding things. So, you load up the AI server with tons of data, like pictures, texts, or even voices, depending on what the AI is learning to do.</p>
|
||||
<p class="text-justify py-1">But here's the cool part: AI servers aren't just good at storing and reading data. They're amazing at processing it lightning-fast. Imagine if you asked a question, and instead of waiting a minute for an answer, you got one in a split second – that's what AI servers can do.</p>
|
||||
<p class="text-justify py-1">Let's say you're using a language translation app. When you type in a sentence, the AI server takes that text, breaks it down, figures out what language it's in, and then spits out a translated version, all in a blink of an eye. It's like having a language genius right there in your device!</p>
|
||||
<p class="text-justify py-1">AI servers are also super adaptable. They can learn new things over time, just like you do. If you keep showing an AI server pictures of cats, it starts recognizing them without you having to explain every time. It's like having a friend who learns your preferences and remembers them.</p>
|
||||
<p class="text-justify py-1">Now, you might wonder why we don't just use regular computers for this. Well, AI servers are like supercharged versions of regular computers. They're designed with special components that make them lightning-fast at crunching AI-related tasks. It's like having a sports car for your AI brain instead of a regular sedan.</p>
|
||||
<p class="text-justify py-1">So, to sum it all up, an AI server is like a super-smart workshop that houses and powers the brain of AI. It's a place where the AI can learn, think, and process information at incredible speeds, making it possible for us to use AI in all sorts of clever and helpful ways – from language translation to recognizing faces in photos!</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="">
|
||||
<div>
|
||||
<dialog id="d" class=" rounded-lg">
|
||||
<div>
|
||||
<div style="display: flex; flex-direction: row; justify-content: space-between; border-bottom: 6px solid #05b3a4; padding-bottom: 0px; align-items: center;">
|
||||
<h2 class="text-3xl font-bold text-[#05b3a4]">Get In Touch</h2>
|
||||
<form method="dialog"><button class="text-3xl text-[#05b3a4] bg-[#05b3a410] hover:bg-[#05b3a450] duration-700 rounded-full px-1">✘</button></form>
|
||||
</div>
|
||||
<form id="contactForm" style="display: flex; flex-direction: column; margin-bottom: 6px; margin-top: 6px;">
|
||||
<div id="formSection">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="name">Name:</label>
|
||||
<input name="name" id="name" type="text" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Your Name" required/>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="email">E-mail:</label>
|
||||
<input name="email" id="email" type="email" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Ex: example@email.com" required/>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="mobile">Mobile: <span class="text-xs">(with country code)</span></label>
|
||||
<input name="mobile" id="mobile" type="text" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Ex: +91 0123456789" />
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="content">Message:</label>
|
||||
<textarea name="content" id="content" cols="34" rows="8" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Write your Message..." required></textarea>
|
||||
</div>
|
||||
<div class="flex flex-col mt-4">
|
||||
<input type="submit" value="Submit" class="bg-[#05b3a4] cursor-pointer rounded-md p-1.5 text-white font-bold" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="thankYouSection" style="display: none;">
|
||||
<p class="text-3xl text-center font-bold p-20 sm:p-24 h-full">Thank You!</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<script is:inline>
|
||||
// const modelViewer = document.getElementById('computer_model');
|
||||
// modelViewer.addEventListener('click', function() {
|
||||
// if (modelViewer.paused) {
|
||||
// modelViewer.play();
|
||||
// // modelViewer.style.backgroundColor = "#05b3a4"
|
||||
// } else {
|
||||
// modelViewer.pause();
|
||||
// }
|
||||
// });
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const contactForm = document.getElementById('contactForm');
|
||||
const formSection = document.getElementById('formSection');
|
||||
const thankYouSection = document.getElementById('thankYouSection');
|
||||
const nameInput = document.getElementById('name');
|
||||
const emailInput = document.getElementById('email');
|
||||
const phoneInput = document.getElementById('mobile');
|
||||
const contentInput = document.getElementById('content');
|
||||
|
||||
contactForm.addEventListener('submit', async function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
const formData = {
|
||||
name: nameInput.value,
|
||||
email: emailInput.value,
|
||||
phone: phoneInput.value,
|
||||
content: contentInput.value,
|
||||
form_name: "DWD SiliconPin - (AI - Server Page)",
|
||||
};
|
||||
// console.log("Form Data", formData)
|
||||
const url = 'https://api8.siliconpin.com/items/contact';
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
});
|
||||
if (response.ok) {
|
||||
console.log('Form data submitted successfully');
|
||||
formSection.style.display = 'none';
|
||||
thankYouSection.style.display = 'block';
|
||||
} else {
|
||||
console.error('Failed to submit form data');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('An error occurred:', error);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
|
@ -0,0 +1,133 @@
|
|||
<?php
|
||||
if ($_SERVER["REQUEST_METHOD"] == "POST") {
|
||||
if (!empty($_POST["name"]) && !empty($_POST["email"])) {
|
||||
|
||||
$name = $_POST["name"];
|
||||
$email = $_POST["email"];
|
||||
$mobile = $_POST["mobile"];
|
||||
$message = $_POST["message"];
|
||||
try {
|
||||
// Create database connection
|
||||
$conn = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
|
||||
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
|
||||
|
||||
// Prepare SQL statement
|
||||
$stmt = $conn->prepare("INSERT INTO contact (name, email, mobile, message) VALUES (:name, :email, :mobile, :message)");
|
||||
$stmt->bindParam(':name', $name);
|
||||
$stmt->bindParam(':email', $email);
|
||||
$stmt->bindParam(':mobile', $mobile);
|
||||
$stmt->bindParam(':message', $message);
|
||||
|
||||
// Execute SQL statement
|
||||
$stmt->execute();
|
||||
$in_page_message= "<p class='text-green' style='text-align: center;'>Thank you, $name! Your Query has been submitted.</p>";
|
||||
} catch (PDOException $e) {
|
||||
$in_page_message= "<p class='text-danger'>Error: " . $e->getMessage() . "</p>";
|
||||
}
|
||||
} else {
|
||||
$in_page_message= "<p class='text-danger'>Both name and email are required.</p>";
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<?php
|
||||
$web_page_title = 'Contact Us - dwd.siliconpin.com';
|
||||
$web_page_meta_description = 'Get in touch with DWD SiliconPin any inquiries or support. Our team is ready to assist you with your needs.';
|
||||
$web_page_meta_keywords = 'contact us, SiliconPin, hosting services, support, inquiries';
|
||||
$web_page_author = 'dwd.siliconpin.com';
|
||||
$web_page_meta_og_title = 'Contact Us - dwd.siliconpin.com';
|
||||
$web_page_meta_og_description = 'Get in touch with DWD SiliconPin any inquiries or support. Our team is ready to assist you with your needs.';
|
||||
$web_page_meta_og_image = '';
|
||||
$web_page_meta_og_url = 'https://dwd.siliconpin.com/contact-us';
|
||||
$web_page_meta_twitter_title = 'Contact Us - SiliconPin Hosting Services';
|
||||
$web_page_meta_twitter_description = 'Get in touch with DWD SiliconPin any inquiries or support. Our team is ready to assist you with your needs.';
|
||||
$web_page_meta_twitter_image = 'URL to an image related to your hosting services';
|
||||
$web_page_meta_twitter_card = 'summary_large_image';
|
||||
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
?>
|
||||
|
||||
|
||||
<style>
|
||||
.custom-container {
|
||||
max-width: 800px; /* Set maximum width */
|
||||
margin-left: auto; /* Center container horizontally */
|
||||
margin-right: auto;
|
||||
border-radius: 20px;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 100px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.custom-container {
|
||||
width: 100%; /* Reset width to full for large screens */
|
||||
}
|
||||
}
|
||||
|
||||
.custom-form {
|
||||
justify-content: center;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
padding-bottom: 2rem;
|
||||
border: 2px solid #1c1917;
|
||||
}
|
||||
.input-flex-column{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px 0px 10px 0px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<section class="custom-container contact-us-form" >
|
||||
<?php if(isset($in_page_message)) echo '<h2> '.$in_page_message.' </h2>'; ?>
|
||||
<div class="p-4 max-w-2xl rounded-xl shadow-md shadow-[#FFFFFF]">
|
||||
<p style="text-align: center; font-size: 22px; font-weight: bold; text-transform: uppercase;">Contact Us</p>
|
||||
<form method="POST" action="" class="flex flex-col space-y-3">
|
||||
<p style="">Feel free to ask...</p>
|
||||
<div class="input-flex-column">
|
||||
<label class="text-[#FFFFFF]" for="name">Name: </label>
|
||||
<input class="diZAllInput" name="name" class="" type="text" placeholder="Name" required>
|
||||
</div>
|
||||
<div class="input-flex-column">
|
||||
<label class="text-[#FFFFFF]" for="mobile">Mobile No.: </label>
|
||||
<input class="diZAllInput" name="mobile" class="" type="text" placeholder="Mobile" >
|
||||
</div>
|
||||
<div class="input-flex-column">
|
||||
<label class="text-[#FFFFFF]" for="email">E-mail: </label>
|
||||
<input class="diZAllInput" name="email" class="" type="text" placeholder="E-mail" >
|
||||
</div>
|
||||
<div class="input-flex-column">
|
||||
<label class="text-[#FFFFFF]" for="message">Write our Message: </label>
|
||||
<textarea class="diZAllInput" name="message" class="" rows="5" cols="50" placeholder="Write your Message....." required style="resize: vertical;"></textarea>
|
||||
</div>
|
||||
<div class="input-flex-column">
|
||||
<button type="submit" class="diZchoosenButton">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<!-- <div class="flex justify-center custom-form">
|
||||
<div class="custom-shadow p-10 custom-rounded" style="padding: 20px;">
|
||||
<form method="POST" action="">
|
||||
<div class="input-flex-column">Full Name:
|
||||
<input name="name" class="custom-input" type="text" placeholder="Name" required>
|
||||
</div>
|
||||
<div class="input-flex-column">Mobile No.:
|
||||
<input name="mobile" class="custom-input" type="text" placeholder="Mobile No." required>
|
||||
</div>
|
||||
<div class="input-flex-column">E-mail
|
||||
<input name="email" class="custom-input" type="text" placeholder="E-mail" required>
|
||||
</div>
|
||||
<div class="input-flex-column">Write your Message:
|
||||
<textarea name="message" class="custom-textarea pl-4 py-2" rows="5" cols="50" placeholder="Write your Message....." required></textarea>
|
||||
</div>
|
||||
<div class="flex justify-center pt-4">
|
||||
<button type="submit" class="custom-button">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div> -->
|
|
@ -0,0 +1,4 @@
|
|||
<?php
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
?>
|
|
@ -0,0 +1,143 @@
|
|||
<?php
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
?>
|
||||
|
||||
<div>
|
||||
<section class="container-fluid bg-gradient-to-t from-white to-[#05b3a420] h-fit shadow">
|
||||
<div class="container mx-auto px-4 flex flex-col md:flex-row place-content-between place-items-center">
|
||||
<div class="flex flex-col justify-center place-items-start">
|
||||
<p class="text-5xl font-bold text-center"><span class="text-[#05b3a4]">D</span>WD <span class="text-[#05b3a4]">C</span>onsultancy <span class="text-[#05b3a4]">S</span>ervices</p>
|
||||
<button onclick="d.showModal()" class="bg-[#05b3a4] w-fit px-6 py-2 rounded-tl-full rounded-br-full hover:shadow-xl hover:scale-105 duration-700 text-white font-bold">Get in Touch</button>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<img class="" src="/img/motherboard1.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 mt-10">
|
||||
<h1 class="text-3xl font-bold text-center py-16">PC Configuration for K8_Server</h1>
|
||||
<div class="flex flex-col md:flex-row place-content-center gap-6 ">
|
||||
<div class="flex flex-col">
|
||||
<model-viewer id="computer_model" class="computerwidth computerborder bg-[#05b3a430]" src="/img/computer_light_pc.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="/img/poster.png" shadow-intensity="1" camera-target="-2.135m 1.38m 0.17m" camera-orbit="88deg 85deg 8.99m" field-of-view="30deg">
|
||||
<div class="progress-bar hide" slot="progress-bar">
|
||||
<div class="update-bar"></div>
|
||||
</div>
|
||||
<!-- <div class="inline-flex" id="ar-prompt">
|
||||
<img src="https://modelviewer.dev/shared-assets/icons/hand.png" />
|
||||
<button class="-mt-2" slot="ar-button" id="ar-button">View in your space</button>
|
||||
</div> -->
|
||||
</model-viewer>
|
||||
<!-- <img class="rounded-lg " src="/img/computer.jpg" alt="" /> -->
|
||||
</div>
|
||||
<div class="flex flex-col gap-4">
|
||||
<p class="text-3xl font-bold ">Price 1,40,000.00/- Only</p>
|
||||
<!-- <p><b>Processors:</b> <span>Intel® i5 Processors</span></p> -->
|
||||
<p><b>Hard Drive:</b><span> 48TB (16TB * 4)</span></p>
|
||||
<p><b>RAM:</b><span> 16GB RAM</span></p>
|
||||
<div class="flex"><button class="w-full py-3 text-2xl font-bold text-white hover:text-[#05b3a4] bg-[#05b3a4] hover:bg-gray-900 rounded-xl hover:scale-105 duration-700 hover:shadow-lg">Buy Now</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10">
|
||||
<h1 class="text-2xl font-bold pb-1">What is K8s Server?</h1>
|
||||
<p class="text-justify py-1"> Imagine you're running a restaurant, and you have a team of chefs who cook different dishes. Each chef specialises in a specific type of cuisine, and they need to work together to prepare meals for your customers.</p>
|
||||
<p class="text-justify py-1">Now, running a restaurant efficiently requires coordination among the chefs, the servers who bring the food to the tables, and the managers who oversee everything. You need a system that ensures every dish is prepared correctly, served on time, and meets the high standards of your restaurant.</p>
|
||||
<p class="text-justify py-1">This is where Kubernetes comes in. Think of Kubernetes as the restaurant manager of the technology world. Instead of chefs and servers, you have servers that run different parts of your software applications. These servers need to work together to deliver your app to users, just like dishes are served to customers.</p>
|
||||
<p class="text-justify py-1">However, managing these servers manually can be challenging. You'd need to keep track of which server is doing what, make sure they're running smoothly, and handle any issues that arise. This is where Kubernetes servers come into play.</p>
|
||||
<p class="text-justify py-1">Kubernetes acts like a super-smart restaurant manager for your servers. It keeps an eye on all the servers that make up your app, ensuring they're healthy and performing well. If a server gets overwhelmed or stops working, Kubernetes automatically replaces it with a new one so that your app keeps running without interruption—just like replacing a chef who's too busy or not feeling well.</p>
|
||||
<p class="text-justify py-1">Kubernetes also helps with efficiency. Imagine your restaurant getting a sudden rush of customers during lunchtime. Your manager would adjust the workflow and maybe assign more chefs to handle the load. Similarly, Kubernetes can automatically scale up the number of servers when there's a lot of user traffic and scale down when things quiet down. This way, you're only using the resources you need, which can save money and keep your app running smoothly.</p>
|
||||
<p class="text-justify py-1">In a nutshell, Kubernetes is like a digital manager for your servers, making sure they're working well, replacing them if they're not, and adjusting their numbers based on demand. Just as a restaurant manager helps deliver a great dining experience to customers, Kubernetes helps deliver a smooth and reliable experience for users of your software applications.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="">
|
||||
<div>
|
||||
<dialog id="d" class=" rounded-lg">
|
||||
<div>
|
||||
<div style="display: flex; flex-direction: row; justify-content: space-between; border-bottom: 6px solid #05b3a4; padding-bottom: 0px; align-items: center;">
|
||||
<h2 class="text-3xl font-bold text-[#05b3a4]">Get In Touch</h2>
|
||||
<form method="dialog"><button class="text-3xl text-[#05b3a4] bg-[#05b3a410] hover:bg-[#05b3a450] duration-700 rounded-full px-1">✘</button></form>
|
||||
</div>
|
||||
<form id="contactForm" style="display: flex; flex-direction: column; margin-bottom: 6px; margin-top: 6px;">
|
||||
<div id="formSection">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="name">Name:</label>
|
||||
<input name="name" id="name" type="text" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Your Name" required/>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="email">E-mail:</label>
|
||||
<input name="email" id="email" type="email" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Ex: example@email.com" required/>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="mobile">Mobile: <span class="text-xs">(with country code)</span></label>
|
||||
<input name="mobile" id="mobile" type="text" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Ex: +91 0123456789" />
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="content">Message:</label>
|
||||
<textarea name="content" id="content" cols="34" rows="8" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Write your Message..." required></textarea>
|
||||
</div>
|
||||
<div class="flex flex-col mt-4">
|
||||
<input type="submit" value="Submit" class="bg-[#05b3a4] cursor-pointer rounded-md p-1.5 text-white font-bold" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="thankYouSection" style="display: none;">
|
||||
<p class="text-3xl text-center font-bold p-20 sm:p-24 h-full">Thank You!</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<script is:inline>
|
||||
const modelViewer = document.getElementById('computer_model');
|
||||
modelViewer.addEventListener('click', function() {
|
||||
if (modelViewer.paused) {
|
||||
modelViewer.play();
|
||||
// modelViewer.style.backgroundColor = "#05b3a4"
|
||||
} else {
|
||||
modelViewer.pause();
|
||||
}
|
||||
});
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const contactForm = document.getElementById('contactForm');
|
||||
const formSection = document.getElementById('formSection');
|
||||
const thankYouSection = document.getElementById('thankYouSection');
|
||||
const nameInput = document.getElementById('name');
|
||||
const emailInput = document.getElementById('email');
|
||||
const phoneInput = document.getElementById('mobile');
|
||||
const contentInput = document.getElementById('content');
|
||||
|
||||
contactForm.addEventListener('submit', async function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
const formData = {
|
||||
name: nameInput.value,
|
||||
email: emailInput.value,
|
||||
phone: phoneInput.value,
|
||||
content: contentInput.value,
|
||||
form_name: "DWD SiliconPin - (K8s - Server Page)",
|
||||
};
|
||||
// console.log("Form Data", formData)
|
||||
const url = 'https://api8.siliconpin.com/items/contact';
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
});
|
||||
if (response.ok) {
|
||||
console.log('Form data submitted successfully');
|
||||
formSection.style.display = 'none';
|
||||
thankYouSection.style.display = 'block';
|
||||
} else {
|
||||
console.error('Failed to submit form data');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('An error occurred:', error);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
|
@ -0,0 +1,143 @@
|
|||
<?php
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
?>
|
||||
<div>
|
||||
<section class="container-fluid bg-gradient-to-t from-white to-[#05b3a420] h-fit shadow">
|
||||
<div class="container mx-auto px-4 flex flex-col md:flex-row place-content-between place-items-center">
|
||||
<div class="flex flex-col justify-center place-items-start">
|
||||
<p class="text-5xl font-bold text-center"><span class="text-[#05b3a4]">D</span>WD <span class="text-[#05b3a4]">C</span>onsultancy <span class="text-[#05b3a4]">S</span>ervices</p>
|
||||
<button onclick="d.showModal()" class="bg-[#05b3a4] w-fit px-6 py-2 rounded-tl-full rounded-br-full hover:shadow-xl hover:scale-105 duration-700 text-white font-bold">Get in Touch</button>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<img class="" src="/img/motherboard1.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 mt-10">
|
||||
<h1 class="text-3xl font-bold text-center py-16">PC Configuration for NAS_Server</h1>
|
||||
<div class="flex flex-col md:flex-row place-content-center gap-6 ">
|
||||
<div class="flex flex-col">
|
||||
<model-viewer id="computer_model" class="computerwidth computerborder bg-[#05b3a430]" src="/img/computer_light_pc.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="/img/poster.png" shadow-intensity="1" camera-target="-2.135m 1.38m 0.17m" camera-orbit="88deg 85deg 8.99m" field-of-view="30deg">
|
||||
<div class="progress-bar hide" slot="progress-bar">
|
||||
<div class="update-bar"></div>
|
||||
</div>
|
||||
<!-- <div class="inline-flex" id="ar-prompt">
|
||||
<img src="https://modelviewer.dev/shared-assets/icons/hand.png" />
|
||||
<button class="-mt-2" slot="ar-button" id="ar-button">View in your space</button>
|
||||
</div> -->
|
||||
</model-viewer>
|
||||
<!-- <img class="rounded-lg " src="/img/computer.jpg" alt="" /> -->
|
||||
</div>
|
||||
<div class="flex flex-col gap-4">
|
||||
<p class="text-3xl font-bold ">Price 1,40,000.00/- Only</p>
|
||||
<!-- <p><b>Processors:</b> <span>Intel® i5 Processors</span></p> -->
|
||||
<p><b>Hard Drive:</b><span> 48TB (16TB * 4)</span></p>
|
||||
<p><b>RAM:</b><span> 16GB RAM</span></p>
|
||||
<div class="flex"><button class="w-full py-3 text-2xl font-bold text-white hover:text-[#05b3a4] bg-[#05b3a4] hover:bg-gray-900 rounded-xl hover:scale-105 duration-700 hover:shadow-lg">Buy Now</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10">
|
||||
<h1 class="text-2xl font-bold pb-1">What is NAS Server?</h1>
|
||||
<p class="text-justify py-1">Imagine you have a big collection of movies, photos, music, and important documents. You want to be able to access these files from any device you own, whether it's your computer, smartphone, or tablet. However, keeping all these files on a single device can get messy, and if that device gets lost or breaks, you could lose everything.</p>
|
||||
<p class="text-justify py-1">Now, picture a special kind of device that's like your personal file storage but way smarter—that's a NAS server, short for Network Attached Storage.</p>
|
||||
<p class="text-justify py-1">Think of a NAS server as your own digital storage hub. It's a box that connects to your home network (like your Wi-Fi), and you can load it up with all your files. It's like having a central library for your digital stuff. This way, you don't have to keep everything on just one computer.</p>
|
||||
<p class="text-justify py-1">When you want to watch a movie on your TV, listen to some music, or show off pictures to your friends, you don't have to search through all your devices. Instead, you simply connect to your NAS server over the network, and voilà, your files are right there, ready to be enjoyed.</p>
|
||||
<p class="text-justify py-1">But a NAS server isn't just a dumb storage box. It's like a helpful butler for your files. It can be set up to automatically organise your files neatly into folders, making them easy to find. Plus, you can set up special permissions, like giving your family access to certain folders but keeping your personal stuff private.</p>
|
||||
<p class="text-justify py-1">Imagine you're at work, and you suddenly remember that you forgot to send an important document to your colleague. With a NAS server, you can use your phone to quickly access that document from home and send it off—all without having to bother anyone at home.</p>
|
||||
<p class="text-justify py-1">NAS servers also have extra tricks up their sleeves. Some can automatically back up your devices, ensuring that you don't lose precious files even if something goes wrong. And if you're worried about space, you can simply pop in more hard drives into the NAS server to expand its storage capacity.</p>
|
||||
<p class="text-justify py-1">So, to sum it up, a NAS server is like your digital storage organiser and butler, sitting on your home network, ready to serve up your files whenever and wherever you need them. It keeps your digital life tidy, accessible, and secure, all without requiring you to juggle files across different devices.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="">
|
||||
<div>
|
||||
<dialog id="d" class=" rounded-lg">
|
||||
<div>
|
||||
<div style="display: flex; flex-direction: row; justify-content: space-between; border-bottom: 6px solid #05b3a4; padding-bottom: 0px; align-items: center;">
|
||||
<h2 class="text-3xl font-bold text-[#05b3a4]">Get In Touch</h2>
|
||||
<form method="dialog"><button class="text-3xl text-[#05b3a4] bg-[#05b3a410] hover:bg-[#05b3a450] duration-700 rounded-full px-1">✘</button></form>
|
||||
</div>
|
||||
<form id="contactForm" style="display: flex; flex-direction: column; margin-bottom: 6px; margin-top: 6px;">
|
||||
<div id="formSection">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="name">Name:</label>
|
||||
<input name="name" id="name" type="text" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Your Name" required/>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="email">E-mail:</label>
|
||||
<input name="email" id="email" type="email" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Ex: example@email.com" required/>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="mobile">Mobile: <span class="text-xs">(with country code)</span></label>
|
||||
<input name="mobile" id="mobile" type="text" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Ex: +91 0123456789" />
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<label for="content">Message:</label>
|
||||
<textarea name="content" id="content" cols="34" rows="8" style="border: 2px solid #05b3a480; border-radius: 10px; padding: 10px;" placeholder="Write your Message..." required></textarea>
|
||||
</div>
|
||||
<div class="flex flex-col mt-4">
|
||||
<input type="submit" value="Submit" class="bg-[#05b3a4] cursor-pointer rounded-md p-1.5 text-white font-bold" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="thankYouSection" style="display: none;">
|
||||
<p class="text-3xl text-center font-bold p-20 sm:p-24 h-full">Thank You!</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<script is:inline>
|
||||
// const modelViewer = document.getElementById('computer_model');
|
||||
// modelViewer.addEventListener('click', function() {
|
||||
// if (modelViewer.paused) {
|
||||
// modelViewer.play();
|
||||
// // modelViewer.style.backgroundColor = "#05b3a4"
|
||||
// } else {
|
||||
// modelViewer.pause();
|
||||
// }
|
||||
// });
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const contactForm = document.getElementById('contactForm');
|
||||
const formSection = document.getElementById('formSection');
|
||||
const thankYouSection = document.getElementById('thankYouSection');
|
||||
const nameInput = document.getElementById('name');
|
||||
const emailInput = document.getElementById('email');
|
||||
const phoneInput = document.getElementById('mobile');
|
||||
const contentInput = document.getElementById('content');
|
||||
|
||||
contactForm.addEventListener('submit', async function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
const formData = {
|
||||
name: nameInput.value,
|
||||
email: emailInput.value,
|
||||
phone: phoneInput.value,
|
||||
content: contentInput.value,
|
||||
form_name: "DWD SiliconPin - (NAS - Server Page)",
|
||||
};
|
||||
// console.log("Form Data", formData)
|
||||
const url = 'https://api8.siliconpin.com/items/contact';
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
});
|
||||
if (response.ok) {
|
||||
console.log('Form data submitted successfully');
|
||||
formSection.style.display = 'none';
|
||||
thankYouSection.style.display = 'block';
|
||||
} else {
|
||||
console.error('Failed to submit form data');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('An error occurred:', error);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
|
@ -0,0 +1,28 @@
|
|||
<?php
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
?>
|
||||
<section class="diZContainer diZmxAuto diZTextJustify">
|
||||
<div>
|
||||
<h1>Privacy Policy</h1>
|
||||
<p>Welcome to dwd.siliconpin.com. This privacy policy explains how we handle your personal information when you use our website. We are committed to maintaining the privacy and protection of your information.</p>
|
||||
|
||||
<h2>1. Information We Do Not Collect</h2>
|
||||
<p>We do not collect any personal information from our users. You can visit and use our website without providing any personal information.</p>
|
||||
|
||||
<h2>2. Cookies and Tracking Technologies</h2>
|
||||
<p>Our website does not use cookies or any other tracking technologies to collect information about your browsing behavior.</p>
|
||||
|
||||
<h2>3. Third-Party Links</h2>
|
||||
<p>Our website may contain links to other websites. We are not responsible for the privacy practices or the content of such websites. We encourage you to review the privacy policies of those websites before providing any personal information.</p>
|
||||
|
||||
<h2>4. Changes to This Privacy Policy</h2>
|
||||
<p>We may update this privacy policy from time to time. When we do, we will revise the updated date at the bottom of this page. We encourage you to frequently check this page for any changes to stay informed about how we are helping to protect your information.</p>
|
||||
|
||||
<h2>5. Contact Us</h2>
|
||||
<p>If you have any questions or concerns about this privacy policy, please contact us at:</p>
|
||||
<p>Email: mail@siliconpin.com</p>
|
||||
|
||||
<p>Last updated: 22/06/2024</p>
|
||||
</div>
|
||||
</section>
|
|
@ -0,0 +1,5 @@
|
|||
<?php
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
echo 'Profile';
|
||||
?>
|
|
@ -0,0 +1,65 @@
|
|||
<?php
|
||||
require_once('.htac_header.php');
|
||||
require_once('.htac_nav.php');
|
||||
?>
|
||||
<section class="diZContainer diZmxAuto diZTextJustify">
|
||||
<div>
|
||||
<h1>Terms and Conditions</h1>
|
||||
<p>Welcome to dwd.siliconpin.com! These terms and conditions outline the rules and regulations for the use of our website.</p>
|
||||
|
||||
<h2>1. Introduction</h2>
|
||||
<p>By accessing this website, we assume you accept these terms and conditions in full. Do not continue to use dwd.siliconpin.com if you do not accept all of the terms and conditions stated on this page.</p>
|
||||
|
||||
<h2>2. Intellectual Property Rights</h2>
|
||||
<p>Unless otherwise stated, dwd.siliconpin.com and/or its licensors own the intellectual property rights for all material on dwd.siliconpin.com. All intellectual property rights are reserved. You may view and/or print pages from dwd.siliconpin.com for your own personal use subject to restrictions set in these terms and conditions.</p>
|
||||
<p>You must not:</p>
|
||||
<ul>
|
||||
<li>Republish material from dwd.siliconpin.com</li>
|
||||
<li>Sell, rent or sub-license material from dwd.siliconpin.com</li>
|
||||
<li>Reproduce, duplicate or copy material from dwd.siliconpin.com</li>
|
||||
<li>Redistribute content from dwd.siliconpin.com (unless content is specifically made for redistribution)</li>
|
||||
</ul>
|
||||
|
||||
<h2>3. User Comments</h2>
|
||||
<p>This Agreement shall begin on the date hereof.</p>
|
||||
<p>Certain parts of this website offer the opportunity for users to post and exchange opinions, information, material and data ('Comments') in areas of the website. dwd.siliconpin.com does not screen, edit, publish or review Comments prior to their appearance on the website and Comments do not reflect the views or opinions of dwd.siliconpin.com, its agents or affiliates. Comments reflect the view and opinion of the person who posts such view or opinion. To the extent permitted by applicable laws dwd.siliconpin.com shall not be responsible or liable for the Comments or for any loss cost, liability, damages or expenses caused and or suffered as a result of any use of and/or posting of and/or appearance of the Comments on this website.</p>
|
||||
<p>dwd.siliconpin.com reserves the right to monitor all Comments and to remove any Comments which it considers in its absolute discretion to be inappropriate, offensive or otherwise in breach of these Terms and Conditions.</p>
|
||||
<p>You warrant and represent that:</p>
|
||||
<ul>
|
||||
<li>You are entitled to post the Comments on our website and have all necessary licenses and consents to do so;</li>
|
||||
<li>The Comments do not infringe any intellectual property right, including without limitation copyright, patent or trademark, or other proprietary right of any third party;</li>
|
||||
<li>The Comments do not contain any defamatory, libelous, offensive, indecent or otherwise unlawful material or material which is an invasion of privacy;</li>
|
||||
<li>The Comments will not be used to solicit or promote business or custom or present commercial activities or unlawful activity.</li>
|
||||
</ul>
|
||||
<p>You hereby grant to dwd.siliconpin.com a non-exclusive royalty-free license to use, reproduce, edit and authorize others to use, reproduce and edit any of your Comments in any and all forms, formats or media.</p>
|
||||
|
||||
<h2>4. Hyperlinking to our Content</h2>
|
||||
<p>The following organizations may link to our Website without prior written approval:</p>
|
||||
<ul>
|
||||
<li>Government agencies;</li>
|
||||
<li>Search engines;</li>
|
||||
<li>News organizations;</li>
|
||||
<li>Online directory distributors when they list us in the directory may link to our Website in the same manner as they hyperlink to the Websites of other listed businesses; and</li>
|
||||
<li>Systemwide Accredited Businesses except soliciting non-profit organizations, charity shopping malls, and charity fundraising groups which may not hyperlink to our Web site.</li>
|
||||
</ul>
|
||||
<p>These organizations may link to our home page, to publications or to other Website information so long as the link: (a) is not in any way misleading; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its products or services; and (c) fits within the context of the linking party's site.</p>
|
||||
|
||||
<h2>5. Iframes</h2>
|
||||
<p>Without prior approval and express written permission, you may not create frames around our Web pages or use other techniques that alter in any way the visual presentation or appearance of our Website.</p>
|
||||
|
||||
<h2>6. Content Liability</h2>
|
||||
<p>We shall have no responsibility or liability for any content appearing on your Web site. You agree to indemnify and defend us against all claims arising out of or based upon your Website. No link(s) may appear on any page on your Web site or within any context containing content or materials that may be interpreted as libelous, obscene or criminal, or which infringes, otherwise violates, or advocates the infringement or other violation of, any third party rights.</p>
|
||||
|
||||
<h2>7. Reservation of Rights</h2>
|
||||
<p>We reserve the right at any time and in its sole discretion to request that you remove all links or any particular link to our Website. You agree to immediately remove all links to our Website upon such request. We also reserve the right to amend these terms and conditions and its linking policy at any time. By continuing to link to our Website, you agree to be bound to and abide by these linking terms and conditions.</p>
|
||||
|
||||
<h2>8. Removal of links from our website</h2>
|
||||
<p>If you find any link on our Website or any linked website objectionable for any reason, you may contact us about this. We will consider requests to remove links but will have no obligation to do so or to respond directly to you.</p>
|
||||
<p>Whilst we endeavour to ensure that the information on this website is correct, we do not warrant its completeness or accuracy; nor do we commit to ensuring that the website remains available or that the material on the website is kept up to date.</p>
|
||||
|
||||
<h2>9. Disclaimer</h2>
|
||||
<p>To the maximum extent permitted by applicable law, we exclude all representations, warranties and conditions relating to our website and the use of this website (including, without limitation, any warranties implied by law in respect of satisfactory quality, fitness for purpose and/or the use of reasonable care and skill). Nothing in this disclaimer will:</p>
|
||||
<ul>
|
||||
<li>limit or exclude our or your liability for death or personal injury resulting from negligence;</li>
|
||||
</div>
|
||||
</section>
|
|
@ -0,0 +1,89 @@
|
|||
</main>
|
||||
<!-- <script src="https://accounts.google.com/gsi/client" async defer></script> -->
|
||||
<!-- <div id="g_id_onload"
|
||||
data-client_id="260326497669-d4ogqrhhp4j7oimsk7nftc3hmret970i.apps.googleusercontent.com"
|
||||
data-context="signin"
|
||||
data-ux_mode="redirect"
|
||||
data-login_uri="<?php echo "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>"
|
||||
data-itp_support="true">
|
||||
</div> -->
|
||||
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-GJFEHEKR43"></script> -->
|
||||
<!-- <script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'G-GJFEHEKR43');
|
||||
</script> -->
|
||||
<style>
|
||||
main{
|
||||
overflow-x: auto;
|
||||
}
|
||||
</style>
|
||||
<footer class="footer-style diZBottom-0" style="margin-top: 350px;">
|
||||
<section class=" diZContainer diZmxAuto">
|
||||
<div class="icon-center-position">
|
||||
<p class="social">Connect on social networks:</p>
|
||||
<div class="" style="display: flex; flex-direction: row;">
|
||||
<a href="" target="_blank" class=""><img class="" src="/assets/svg/facebook.svg" alt=""></a>
|
||||
<a href="" target="_blank" class=""><img class="" src="/assets/svg/twitter.svg" alt=""></a>
|
||||
<a href="" target="_blank" class=""><img class="" src="/assets/svg/link.svg" alt=""></a>
|
||||
<a href="" target="_blank" class=""><img class="" src="/assets/svg/insta.svg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="diZGridCols1-3">
|
||||
<div class="grid-item">
|
||||
<h3 class="">DWD SiliconPin</h3>
|
||||
<p class="">Keeping your data resilient.</p>
|
||||
</div>
|
||||
<div class="grid-item ">
|
||||
<h3 class="">Useful Links</h3>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<a href="/" class="diZCustomLink">Home</a>
|
||||
<a href="/about-us" class="diZCustomLink"> About </a>
|
||||
<!-- <a href="/services" class="diZCustomLink"> Services </a> -->
|
||||
<a href="/contact-us" class="diZCustomLink"> Contact </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h3 class="">Contact Us</h3>
|
||||
<p class=""> 121 Lalbari, GourBongo Road <br class=""> Habra, W.B. 743271, India. <br class="">Phone: +91-700-160-1485</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; justify-content: center; border-top: 3px solid #fff; text-align: center">
|
||||
<p class="">🄯 dwd.siliconpin.com 2024 | <a class="diZCustomLink" href="/terms-and-condition">Terms of Service</a> | <a class="diZCustomLink" href="/privacy-and-policies">Privacy & Policies</a></p>
|
||||
<p class="">We Support Copyleft</p>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<style>
|
||||
.diZBottom-0{
|
||||
bottom: 0px;
|
||||
}
|
||||
.diZGridCols1-3 {
|
||||
display: grid;
|
||||
grid-gap: 10px;
|
||||
margin: 0 auto;
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
border-radius: 15px;
|
||||
}
|
||||
.icon-center-position{
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
border-top: 3px solid #fff;
|
||||
border-bottom: 3px solid #fff;
|
||||
padding: 7px 0px 7px 0px
|
||||
}
|
||||
</style>
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
||||
<?php include('diz_css.php'); ?>
|
||||
|
||||
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
|
||||
|
||||
|
||||
<!-- <link rel="stylesheet" type="text/css" href="/assets/main.css" /> -->
|
||||
<?php
|
||||
function isMobileDevice() {
|
||||
// return preg_match('/(android|iphone|ipod|ipad|windows phone)/i', $_SERVER['HTTP_USER_AGENT']);
|
||||
return preg_match('/(Mobile|iphone|ipod|ipad|windows phone)/i', $_SERVER['HTTP_USER_AGENT']); // removed android as "request desktop site" removes
|
||||
}
|
||||
|
||||
if(isset($web_page_title)) echo '<title>'.$web_page_title.'</title>';
|
||||
if(isset($web_page_meta_title)) echo '<meta title="'.$web_page_meta_title.'">';
|
||||
if(isset($web_page_meta_description)) echo '<meta name="description" content="'.$web_page_meta_description.'">';
|
||||
if(isset($web_page_meta_keywords)) echo '<meta name="keywords" content="'.$web_page_meta_keywords.'">';
|
||||
if(isset($web_page_meta_author)) echo '<meta name="author" content="'.$web_page_author.'">';
|
||||
if(isset($web_page_meta_og_title)) echo '<meta property="og:title" content="'.$web_page_meta_og_title.'">';
|
||||
if(isset($web_page_meta_og_description)) echo '<meta property="og:description" content="'.$web_page_meta_og_description.'">';
|
||||
if(isset($web_page_meta_og_image)) echo '<meta property="og:image" content="'.$web_page_meta_og_image.'">';
|
||||
if(isset($web_page_meta_og_url)) echo '<meta property="og:url" content="'.$web_page_meta_og_url.'">';
|
||||
if(isset($web_page_meta_twitter_title)) echo '<meta name="twitter:title" content="'.$web_page_meta_twitter_title.'">';
|
||||
if(isset($web_page_meta_twitter_description)) echo '<meta name="twitter:description" content="'.$web_page_meta_twitter_description.'">';
|
||||
if(isset($web_page_meta_twitter_image)) echo '<meta name="twitter:image" content="'.$web_page_meta_twitter_image.'">';
|
||||
if(isset($web_page_meta_twitter_card)) echo '<meta name="twitter:card" content="'.$web_page_meta_twitter_card.'">';
|
||||
?>
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
color: #ddd;
|
||||
background-color: #1a1a1a;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
max-width: 100%;
|
||||
padding-top: 40px;
|
||||
}
|
||||
input[type='text'], select{
|
||||
background-color: #3d3d3d;
|
||||
}
|
||||
input[type='number'],input[type='email'], textarea{
|
||||
background-color: #3d3d3d;
|
||||
/* width: 150px; */
|
||||
/* padding: 8px; */
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
color: #ffc28a;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
color: #eb7000;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="root">
|
|
@ -0,0 +1,107 @@
|
|||
|
||||
<style>
|
||||
.page-header {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
background: #052433;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
/* height: 40px; */
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
line-height: 40px;
|
||||
z-index: 1000; /* Ensure the header is above other content */
|
||||
margin-bottom: 500px;
|
||||
}
|
||||
|
||||
.page-header__top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.page-header__toggle {
|
||||
font-size: 2em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
transition: opacity 0.7s, height 0.7s;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.navigation__item {
|
||||
background: #052433;
|
||||
padding: 0 16px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.navigation--visible {
|
||||
opacity: 1;
|
||||
height: auto;
|
||||
}
|
||||
.page-header__logo{
|
||||
margin-top: 10px;
|
||||
}
|
||||
@media (min-width: 550px) {
|
||||
.page-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.page-header__top {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.page-header__top, .page-header__bottom {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page-header__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
display: flex;
|
||||
opacity: 1;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.navigation__item {
|
||||
opacity: 0.8;
|
||||
display: inline-block;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.navigation__item:hover {
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<header class="page-header">
|
||||
<div class="page-header__top">
|
||||
<a href="/" class=""><img class="page-header__logo" src="/assets/svg/dwdlogo.svg" alt=""></a>
|
||||
<div class="page-header__toggle" onclick="toggleMenu()">☰</div>
|
||||
</div>
|
||||
<nav class="page-header__bottom">
|
||||
<ul id="navigation" class="navigation">
|
||||
<li class="navigation__item"><a href="/"> Home </a></li>
|
||||
<li class="navigation__item"><a href="/about-us"> About </a></li>
|
||||
<li class="navigation__item"><a href="/contact-us"> Contact </a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<script>
|
||||
let nav = document.getElementById('navigation');
|
||||
function toggleMenu() {
|
||||
nav.classList.toggle('navigation--visible');
|
||||
}
|
||||
</script>
|
|
@ -0,0 +1,8 @@
|
|||
RewriteEngine On
|
||||
#RewriteCond %{HTTPS} !=on
|
||||
#RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301,NE]
|
||||
RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
|
||||
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]
|
||||
RewriteCond %{REQUEST_FILENAME} !-f
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteRule ^(.*) index.php
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="30" height="30" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="50" height="50" fill="#FF0000"/>
|
||||
<rect y="100" width="50" height="50" fill="#0000FF"/>
|
||||
<rect x="100" width="50" height="50" fill="#FF0000"/>
|
||||
<rect x="100" y="100" width="50" height="50" fill="#0000FF"/>
|
||||
<rect x="50" y="50" width="50" height="50" fill="#008000"/>
|
||||
</svg>
|
After Width: | Height: | Size: 400 B |
|
@ -0,0 +1 @@
|
|||
<svg fill="#ffffff" height="40px" width="40px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="4"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M272.8,560.7 c-20.8,20.8-44.9,37.1-71.8,48.4c-27.8,11.8-57.4,17.7-88,17.7c-30.5,0-60.1-6-88-17.7c-26.9-11.4-51.1-27.7-71.8-48.4 c-20.8-20.8-37.1-44.9-48.4-71.8C-107,461.1-113,431.5-113,401s6-60.1,17.7-88c11.4-26.9,27.7-51.1,48.4-71.8 c20.9-20.8,45-37.1,71.9-48.5C52.9,181,82.5,175,113,175s60.1,6,88,17.7c26.9,11.4,51.1,27.7,71.8,48.4 c20.8,20.8,37.1,44.9,48.4,71.8c11.8,27.8,17.7,57.4,17.7,88c0,30.5-6,60.1-17.7,88C309.8,515.8,293.5,540,272.8,560.7z"></path> <path d="M146.8,313.7c10.3,0,21.3,3.2,21.3,3.2l6.6-39.2c0,0-14-4.8-47.4-4.8c-20.5,0-32.4,7.8-41.1,19.3 c-8.2,10.9-8.5,28.4-8.5,39.7v25.7H51.2v38.3h26.5v133h49.6v-133h39.3l2.9-38.3h-42.2v-29.9C127.3,317.4,136.5,313.7,146.8,313.7z"></path> </g> </g></svg>
|
After Width: | Height: | Size: 1.2 KiB |
|
@ -0,0 +1 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M17.6361 7H17.6477" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
|
After Width: | Height: | Size: 812 B |
|
@ -0,0 +1 @@
|
|||
<svg fill="#ffffff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve" width="40px" height="40px" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M272.8,560.7 c-20.8,20.8-44.9,37.1-71.8,48.4c-27.8,11.8-57.4,17.7-88,17.7c-30.5,0-60.1-6-88-17.7c-26.9-11.4-51.1-27.7-71.8-48.4 c-20.8-20.8-37.1-44.9-48.4-71.8C-107,461.1-113,431.5-113,401s6-60.1,17.7-88c11.4-26.9,27.7-51.1,48.4-71.8 c20.9-20.8,45-37.1,71.9-48.5C52.9,181,82.5,175,113,175s60.1,6,88,17.7c26.9,11.4,51.1,27.7,71.8,48.4 c20.8,20.8,37.1,44.9,48.4,71.8c11.8,27.8,17.7,57.4,17.7,88c0,30.5-6,60.1-17.7,88C309.8,515.8,293.5,540,272.8,560.7z"></path> <rect x="-8.5" y="348.4" width="49.9" height="159.7"></rect> <path d="M15.4,273c-18.4,0-30.5,11.9-30.5,27.7c0,15.5,11.7,27.7,29.8,27.7h0.4c18.8,0,30.5-12.3,30.4-27.7 C45.1,284.9,33.8,273,15.4,273z"></path> <path d="M177.7,346.9c-28.6,0-46.5,15.6-49.8,26.6v-25.1H71.8c0.7,13.3,0,159.7,0,159.7h56.1v-86.3c0-4.9-0.2-9.7,1.2-13.1 c3.8-9.6,12.1-19.6,27-19.6c19.5,0,28.3,14.8,28.3,36.4v82.6H241v-88.8C241,369.9,213.2,346.9,177.7,346.9z"></path> </g> </g></svg>
|
After Width: | Height: | Size: 1.4 KiB |
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" stroke="#ffffff" fill="#ffffff" viewBox="0 0 50 50" width="43px" height="43px"><path d="M 11 4 C 7.1456661 4 4 7.1456661 4 11 L 4 39 C 4 42.854334 7.1456661 46 11 46 L 39 46 C 42.854334 46 46 42.854334 46 39 L 46 11 C 46 7.1456661 42.854334 4 39 4 L 11 4 z M 11 6 L 39 6 C 41.773666 6 44 8.2263339 44 11 L 44 39 C 44 41.773666 41.773666 44 39 44 L 11 44 C 8.2263339 44 6 41.773666 6 39 L 6 11 C 6 8.2263339 8.2263339 6 11 6 z M 13.085938 13 L 22.308594 26.103516 L 13 37 L 15.5 37 L 23.4375 27.707031 L 29.976562 37 L 37.914062 37 L 27.789062 22.613281 L 36 13 L 33.5 13 L 26.660156 21.009766 L 21.023438 13 L 13.085938 13 z M 16.914062 15 L 19.978516 15 L 34.085938 35 L 31.021484 35 L 16.914062 15 z"/></svg>
|
After Width: | Height: | Size: 751 B |
|
@ -0,0 +1,453 @@
|
|||
<style>
|
||||
:root {
|
||||
--main-bg-color: #303340;
|
||||
--main-text-color: #cbd0da;
|
||||
--button-bg-color: #87ab63;
|
||||
--button-padding: 10px 20px 10px 20px ;
|
||||
--button-border-radius: 0.28571429rem;
|
||||
--button-text-color: #fff;
|
||||
--footer-bg-color: #052433;
|
||||
--input-bg-color: #1e252e;
|
||||
--input-focus-outline: 1px solid #87ab63;
|
||||
--input-padding: 10px 10px 10px 10px;
|
||||
--input-text-color: #cbd0da;
|
||||
--inpur-border-radius: 6px;
|
||||
--diZCustomLink-text-color: #87ab63;
|
||||
--contact-us-shadow: 0px 0px 10px 0px #87ab63;
|
||||
--nav-bg-color: #232834;
|
||||
--footer-padding: 15px;
|
||||
--blog-bg-color: #202430;
|
||||
--remove-text-underline-topic: none;
|
||||
--purcha-details-button-border: 2px solid #87ab63;
|
||||
--purcha-details-button-text-color: #87ab63;
|
||||
--purcha-details-bg-color-hover: #222;
|
||||
--sign-bg-color: #202430;
|
||||
--danger-button-bg-color: #cc4848;
|
||||
--text-underline: #87ab63;
|
||||
--tab-button-bg-color: #232834;
|
||||
--tab-button-bg-color-active: #87ab63;
|
||||
--table-border-color: 1px solid #87ab63;
|
||||
--border-bottom-2px: 2px solid #87ab63;
|
||||
--profile-section-bg-color: #202430;
|
||||
--profile-img-border: 4px solid #87ab63;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--main-bg-color);
|
||||
color: var(--main-text-color);
|
||||
margin: 0;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
max-width: 100%;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.diZchoosenButton, button, input[type='submit'] {
|
||||
background-color: var(--button-bg-color);
|
||||
padding: var(--button-padding);
|
||||
border-radius: var(--button-border-radius);
|
||||
color: var(--button-text-color);
|
||||
text-align: center;
|
||||
}
|
||||
.diZDangerButton{
|
||||
background-color: var(--danger-button-bg-color);
|
||||
padding: var(--button-padding);
|
||||
border-radius: var(--button-border-radius);
|
||||
color: var(--button-text-color);
|
||||
}
|
||||
|
||||
.footer-style{
|
||||
background-color: var(--footer-bg-color);
|
||||
}
|
||||
|
||||
.diZCustomLink{
|
||||
color: var(--diZCustomLink-text-color);
|
||||
padding-top: var(--footer-padding);
|
||||
}
|
||||
input[type='text'], input[type='number'], input[type='password'], input[type='email'], input[type='file'], textarea, select, .pell-content{
|
||||
background-color: var(--input-bg-color);
|
||||
padding: var(--input-padding);
|
||||
color: var(--input-text-color);
|
||||
border-radius: var(--inpur-border-radius);
|
||||
}
|
||||
input[type='text']:focus, input[type='number']:focus, input[type='password']:focus, input[type='email']:focus, input[type='file']:focus, textarea:focus, select:focus{
|
||||
outline: var(--input-focus-outline);
|
||||
}
|
||||
.newTopicForm, .ticketGenForm, .contact-us-form, .signin-form{
|
||||
box-shadow: var(--contact-us-shadow);
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.navbar-style{
|
||||
background-color: var(--nav-bg-color);
|
||||
}
|
||||
|
||||
.diZblogStyle{
|
||||
background-color: var(--blog-bg-color);
|
||||
border-radius: 10px;
|
||||
}
|
||||
#htmlContent > div{
|
||||
color: #cbd0da;
|
||||
}
|
||||
#htmlContent{
|
||||
text-decoration: var(--remove-text-underline-topic)!important;
|
||||
}
|
||||
.purchase-button, .details-button{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
border: var(--purcha-details-button-border);
|
||||
border-radius: 0.5rem;
|
||||
color: var(--purcha-details-button-text-color);
|
||||
transition: border-color 0.3s;
|
||||
width: 100%;
|
||||
}
|
||||
.purchase-button:hover, .details-button:hover{
|
||||
background-color: var(--purcha-details-bg-color-hover);
|
||||
}
|
||||
.signin-section{
|
||||
background-color: var(--sign-bg-color);
|
||||
}
|
||||
.diZContainer{width:100%}@media (min-width: 640px){.diZContainer{max-width:640px}}@media (min-width: 768px){.diZContainer{max-width:768px}}@media (min-width: 1024px){.diZContainer{max-width:1024px}}@media (min-width: 1280px){.diZContainer{max-width:1280px}}@media (min-width: 1536px){.diZContainer{max-width:1536px}}
|
||||
.diZmxAuto{margin-left:auto;margin-right:auto}
|
||||
.diZmy20{margin-top:5rem;margin-bottom:5rem}
|
||||
.diZmy8{margin-top:2rem;margin-bottom:2rem}
|
||||
.diZmb4{margin-bottom:1rem;}
|
||||
.diZmt20{margin-top:5rem;}
|
||||
.diZmb20{margin-bottom:5rem}
|
||||
.diZw100{width: 100%;}
|
||||
.diZwFit{width: fit-content;}
|
||||
.diZTableBorder{
|
||||
border: var(--table-border-color);
|
||||
}
|
||||
|
||||
.diZTextUnderline {
|
||||
text-decoration: underline;
|
||||
text-decoration-color: var(--text-underline);
|
||||
text-decoration-thickness: 3px; /* Adjust thickness if needed */
|
||||
text-underline-offset: 4px;
|
||||
}
|
||||
.diZTextCenter{
|
||||
text-align: center;
|
||||
}
|
||||
.diZTextLeft{
|
||||
text-align: left;
|
||||
}
|
||||
.diZTextJustify{
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* Large screens (e.g., desktop) */
|
||||
@media (min-width: 1024px) {
|
||||
.diZSmallContainer {
|
||||
max-width: 40%;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
/* Small screens (e.g., mobile) */
|
||||
@media (max-width: 768px) {
|
||||
.diZSmallContainer {
|
||||
max-width: 90%;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav_main_top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
.logo img {
|
||||
height: 50px; /* Adjust height as needed */
|
||||
}
|
||||
|
||||
.nav_main_menu {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.nav_main_menu #navliClass {
|
||||
display: inline-block;
|
||||
justify-content: center;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
.nav_main_menu #navliClass #navHrefClass {
|
||||
display: block;
|
||||
padding: 12px 12px 10px 12px;
|
||||
text-decoration: none;
|
||||
color: #cbcaca;
|
||||
}
|
||||
|
||||
.nav_main_menu #navliClass #navHrefClass:hover {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.nav_main_menu #navliClass #navHrefClass.active {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.mobile-nav{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
background-color: #3d3d3d;
|
||||
padding: 7px 0px 0px 0px;
|
||||
}
|
||||
.mobile-nav-content{
|
||||
padding: 5px 20px 5px 20px;
|
||||
background-color: #202430;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-shadow: 0px 0px 1px 0px #ffffff70;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
}
|
||||
.nav-icon{
|
||||
font-size: 25px;
|
||||
color: #fff;
|
||||
}
|
||||
/* .nav-text{
|
||||
font-size: 10px;
|
||||
} */
|
||||
|
||||
.diZTopicNavbar{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
overflow-x: auto;
|
||||
justify-content: start;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
color: #87ab63;
|
||||
}
|
||||
.diZTopicNavbar>a{
|
||||
margin-right: 10px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
/* Mobile (up to 600px) */
|
||||
@media only screen and (max-width: 600px) {
|
||||
.diZGridCols1-3 {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
.social{
|
||||
display: none;
|
||||
}
|
||||
.icon-center-position{
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* Medium (601px - 1024px) */
|
||||
@media only screen and (min-width: 601px) and (max-width: 1024px) {
|
||||
.diZGridCols1-3 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
/* Large (1025px and above) */
|
||||
@media only screen and (min-width: 1025px) {
|
||||
.diZGridCols1-3 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
.grid-item {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
border-radius: 15px;
|
||||
}
|
||||
.line-clamp-6 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 6;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
.line-clamp-1 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
#htmlContent > img{
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
}
|
||||
.diZBorderBottom{
|
||||
border-bottom: var(--border-bottom-2px);
|
||||
}
|
||||
.diZFlexBetween{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.diZFlexColumn{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.diZFlexRow{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.diZJustifyCenter{
|
||||
justify-content: center;
|
||||
}
|
||||
.diZItemsCenter{
|
||||
place-items: center;
|
||||
}
|
||||
.pell-content {
|
||||
border-bottom: 2px solid black;
|
||||
}
|
||||
.diZPadding10px{
|
||||
padding: 10px;
|
||||
}
|
||||
.diZUppercase{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.tab {
|
||||
display: none;
|
||||
}
|
||||
.tab-header {
|
||||
cursor: pointer;
|
||||
padding: 10px;
|
||||
display: inline-flex;
|
||||
border: 1px solid #ccc;
|
||||
margin-right: -2px;
|
||||
background-color: var(--tab-button-bg-color);
|
||||
}
|
||||
.tab-header.active {
|
||||
background-color: var(--tab-button-bg-color-active);
|
||||
border-bottom: none;
|
||||
}
|
||||
.tab-content {
|
||||
padding: 10px;
|
||||
border-top: 1px solid #ccc;
|
||||
/* max-width: 600px;
|
||||
min-width: 600px; */
|
||||
/* width: 100%; */
|
||||
}
|
||||
.diZFlexRowCol {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* justify-content: center; */
|
||||
place-items: center;
|
||||
box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.5);
|
||||
}
|
||||
|
||||
/* Media query for large screens */
|
||||
@media (min-width: 768px) {
|
||||
.diZFlexRowCol {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
.diZServicesImg{
|
||||
width: 100%;
|
||||
}
|
||||
.diZBorderTopRadius {
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
.diZBorderRadius{
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#qrcode{
|
||||
cursor: none;
|
||||
margin: 20px;
|
||||
padding: 20px;
|
||||
background-color: #fff;
|
||||
/* width: fit-content; */
|
||||
}
|
||||
.qrCodeSection{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
place-items: center;
|
||||
}
|
||||
.diZCartDot{
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-color: #ff0000;
|
||||
border-radius: 50%;
|
||||
/* padding: 0px 3px 0px 3px; */
|
||||
margin-top: -6px;
|
||||
text-align: center;
|
||||
}
|
||||
.diZProfileSectionBG{
|
||||
background-color: var(--profile-section-bg-color);
|
||||
border-radius: 20px;
|
||||
padding: 20px;
|
||||
}
|
||||
.diZProfileIMGBorder{
|
||||
border: var(--profile-img-border);
|
||||
border-radius: 50%;
|
||||
|
||||
}
|
||||
.diZSpace{
|
||||
margin: 10px;
|
||||
}
|
||||
.diZOverflowAuto{
|
||||
overflow: auto;
|
||||
}
|
||||
.diZWhiteSpaceNowrap{
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* For Toggle Button */
|
||||
|
||||
.diZtoggleBtn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.diZtoggleBtn .diZinputCheckbox {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.diZtoggleBtn .diZslider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
transition: .4s;
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.diZtoggleBtn .diZinputCheckbox:checked + .diZslider {
|
||||
background-color: #87ab63;
|
||||
}
|
||||
|
||||
.diZtoggleBtn .diZinputCheckbox:checked + .diZslider:before {
|
||||
transform: translateX(26px);
|
||||
}
|
||||
|
||||
.diZtoggleBtn .diZslider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
left: 4px;
|
||||
bottom: 4px;
|
||||
background-color: white;
|
||||
transition: .4s;
|
||||
border-radius: 50%;
|
||||
}
|
||||
</style>
|
|
@ -0,0 +1,13 @@
|
|||
<?php
|
||||
require_once('.hta_config/var.php');
|
||||
$url = explode('/', $_SERVER['REQUEST_URI']);
|
||||
if (strpos($url[1], "?") !== false) {
|
||||
$url2 = explode('?', $url[1]);
|
||||
$slug=$url2[0];
|
||||
} else $slug=$url[1];
|
||||
|
||||
|
||||
if($slug=="") require_once('.hta_slug/_home.php');
|
||||
elseif(file_exists(".hta_slug/".$slug.".php")) include ".hta_slug/".$slug.".php";
|
||||
else require_once('.htac_404.php');
|
||||
require_once('.htac_footer.php');
|
Loading…
Reference in New Issue