Best Graphic Designing Company in Coimbatore | Graphic Design Servicestitle>
<meta name="description" content="Best Graphic Design Company in Coimbatore, Tamil Nadu Offering Creative Logos, Branding, Brochures, and Marketing Designs to Enhance Your Brand Identity.">
<meta name="keywords" content="Graphic Design Services for Stunning Visual Impact, Graphic Design Services Coimbatore, Graphic Design Company in Coimbatore, Best Graphic Design Company in Coimbatore, Top 20+ Graphic Design Agencies in Coimbatore, Top Graphic Designing Company in Coimbatore, Graphic Designers in Coimbatore, Creative Graphic Designers Coimbatore, Logo and Branding Company in Coimbatore, Brochure Design Services in Coimbatore, Packaging Design Company in Coimbatore, Visual Identity Design Coimbatore, Custom Graphic Design Tamil Nadu, Professional Graphic Design Coimbatore, Affordable Graphic Designers in Coimbatore">
<link rel="canonical" href="https://virtualsoftech.in/graphic-design-company-in-coimbatore.php" />
<meta name="Robots" content="INDEX,ALL" />
<meta name="YahooSeeker" content="INDEX, FOLLOW" />
<meta name="msnbot" content="INDEX, FOLLOW" />
<meta name="googlebot" content="INDEX, FOLLOW" />
<meta name="language" content="english" />
<meta name="Expires" content="never" />
<meta name="revisit-after" content="Daily" />
<meta name="Author" content="https://virtualsoftech.in/" />
<meta name="Distribution" content="Global" />
<meta name="Rating" content="general" />
<meta name="region" content="India" />
<meta name="geo.region" content="Coimbatore" />
<meta name="geo.region" content="Coimbatore" />
<meta name="geo.region" content="Tamilnadu" />
<meta name="geo.region" content="India" />
<meta name="search engines" content="ALL" />
<meta name="copyright" content="https://virtualsoftech.in/" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Virtual Softech",
"image": "/public_html/assets/img/logo/logo1.png",
"@id": "",
"url": "https://virtualsoftech.in/",
"telephone": "80151 44557",
"address": {
"@type": "PostalAddress",
"streetAddress": "291/2, Dr Rajendra Prasad Rd, behind Kalyan Jewellers, 5th Street Extension, Gandhipuram, Coimbatore, Tamil Nadu",
"addressLocality": "Coimbatore",
"postalCode": "641012",
"addressCountry": ""
},
"sameAs": [
"https://www.facebook.com/virtualsoftech",
"https://www.instagram.com/virtual_softech/",
"https://www.linkedin.com/company/virtual-softech-coimbatore/",
"https://www.google.com/search?kgmid=/g/11gdsdznd8&hl=en-IN&q=VIRTUAL+SOFTECH&shndl=30&shem=lcuae&source=sh/x/loc/osrp/m5/1&kgs=e5e51f9bb4b48496"
],
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
],
"opens": "08:00",
"closes": "22:00"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "WebSite",
"name": "Virtual Softech",
"url": "https://virtualsoftech.in/",
"potentialAction": {
"@type": "SearchAction",
"target": "website comapny in coimbatore{search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<meta property="og:title" content=Web Design Company | Digital Marketing Agency | Logo Design | Graphic Designing>
<meta property="og:site_name" content=Virtual Softech>
<meta property="og:url" content=https://virtualsoftech.in/>
<meta property="og:description" content=Best Web Design Company, Digital Marketing Agency, and Logo Design experts. We also offer creative Graphic Designing services to grow your brand online.>
<meta property="og:type" content=business.business>
<meta property="og:image" content=public_html/assets/img/logo/logo1.png>
<meta name="msvalidate.01" content="570E5FC6CB429421E374E5AD9CB2B301" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BY0K8ZDWL5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BY0K8ZDWL5');
</script>
</head>
<!-- main area start -->
<main>
<!-- page title start -->
<section class="page-title pt-200 pos-rel bg_img" data-background="assets/img/bg/page_bg01.jpg">
<div class="container">
<div class="page-title-wrap sd-title-wrap">
<div class="row mt-none-30 align-items-end">
<div class="col-lg-9 mt-30">
<div class="page-title-box">
<span class="sub-title"><img src="assets/img/icon/magic-icon.svg" alt="Logo Design in Coimbatore"> Services</span>
<h2 class="title">Graphic Designing</h2>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- page title end -->
<!-- service-details-content start -->
<div class="sd-ser-content_wrap pt-60 pb-40 " style="background: linear-gradient(122deg, rgba(255, 217, 17, 0) 0%, rgba(233, 226, 255, 0.8) 34.54%, #cae1f7 62.5%, rgb(155 176 255) 100%), radial-gradient(74.51% 50% at 50% 100%, #9a5dcb 24.0899994969%, white 100%);"data-bg-color=" #dff3ff ">
<div class="container">
<div class="sd-ser-content">
<h2 class="sd-title">Professional Graphic Design Services in Coimbatore</h2>
<p style="color:#6a6a8e" class="sd-content">
What will keep a visitor's interest on a website is a compelling design. People decide whether to spend their time on a website in a matter of seconds. In today's cutthroat economic environment, effective graphic design can propel a company to success. We strive to take graphic design beyond mere aesthetics as a premier graphic design company in Coimbatore. We fully take use of graphic design. The necessary parts contain the proper information, and designs are created in a way that appeals to clients. We take infographics and illustrations and turn them into the most enticing images. This encourages visitors to stay on the website longer, which ultimately results in the sale of goods and services. </p>
<br>
<p style="color:#6a6a8e" class="sd-content">
As a top graphic design company in Coimbatore, it is our mission to work with clients to create brands and express their stories via designs. On their website, we highlight the brand image of our clients. Having a strong brand identity is essential for ongoing business in the modern world. Our design services make sure that the world sees our clients in the best possible way. All of the actions we conduct on behalf of our clients are aimed at boosting their market and sales. </p>
</div>
</div>
<br>
<div class="container">
<div class="item-details_image pos-rel">
<img src="assets/img/service/3.jpg" alt="Logo Design in Coimbatore">
</div>
<div class="sd-ser-content pt-20">
<!-- <p style="color:#6a6a8e" class="sd-content">
</p>-->
</div>
</div>
</div>
<!-- process title start -->
<section class="process pt-115 pb-130" data-bg-color="#0F55DC">
<div class="container">
<div class="row align-items-center mt-none-30">
<div class="col-lg-6 mt-30">
<div class="sec-title--two mb-50">
<div class="sub-title"><img src="assets/img/icon/eye-icon.svg" alt="Logo Design in Coimbatore"> Creative Graphic Design Services</div>
<h2 style="color:#fff" class="title">As a top graphic design company in Coimbatore</h2>
</div>
<div class="xb-faq cp-faq">
<ul class="accordion_box clearfix list-unstyled">
<li class="accordion block">
<div class="acc-btn">
<span class="number"> </span> Logo Design
<span class="arrow"></span>
</div>
<div class="acc_body ">
<div class="content">
<p style="color:#6a6a8e">A well-designed logo reflects the character of the business. Our graphic design team collaborates closely with customers to fully comprehend the requirements of their business before coming up with creative logos. Our logo designs adhere to the specifications of the business. Being a renowned graphic design company in Coimbatore, we address each client's logo design requirements in an original way to ensure the best outcomes.</p>
</div>
</div>
</li>
<li class="accordion block">
<div class="acc-btn">
<span class="number"> </span> Customized Design
<span class="arrow"></span>
</div>
<div class="acc_body">
<div class="content">
<p style="color:#6a6a8e">As a leading graphic design company in Coimbatore, we make sure that each customer receives a unique design for their business website. Our team of graphic designers doesn't hold back when offering the greatest solutions. We establish trusting relationships with our clients and pay close attention to all of their suggestions before producing uniquely tailored designs.</p>
</div>
</div>
</li>
<li class="accordion block">
<div class="acc-btn">
<span class="number"> </span> Advertising
<span class="arrow"></span>
</div>
<div class="acc_body">
<div class="content">
<p style="color:#6a6a8e">At Virtual Softech, we completely understand consumer behaviour and make use of it while creating adverts. The customer mind ultimately drives graphic design for advertising objectives. When the buying process is fully understood, the target market is then used to create personalised adverts. We make use of our skills and knowledge when formatting excellent graphics for advertising.</p>
</div>
</div>
</li>
<li class="accordion block">
<div class="acc-btn">
<span class="number"> </span> Brand Identity Design
<span class="arrow"></span>
</div>
<div class="acc_body">
<div class="content">
<p style="color:#6a6a8e">A brand should have its own distinctive style in addition to its logo. When it comes to bringing our clients' brand identities to life on a website, our talented graphic designers go above and beyond. After talking with the clients, our design team starts working on a brand identity that best reflects the character of the business. The brand identity plays a key role in drawing in the intended audience to the website.</p>
</div>
</div>
</li>
<li class="accordion block">
<div class="acc-btn">
<span class="number"> </span> Brochure & Pamphlet Design
<span class="arrow"></span>
</div>
<div class="acc_body">
<div class="content">
<p style="color:#6a6a8e">The brochures and pamphlets created by Virtual Softech are expertly written to maximise their value for our clients. Our colourful brochures and pamphlets have eye-catching designs that influence customers and increase sales. As a brochure design firm, we pay special attention to every stage of the process, from conceiving the design concept to producing stunning typography, while developing a brochure or pamphlet.</p>
</div>
</div>
</li>
<li class="accordion block">
<div class="acc-btn">
<span class="number"> </span> Website Redesign
<span class="arrow"></span>
</div>
<div class="acc_body">
<div class="content">
<p style="color:#6a6a8e">We are one of the best website redesign company in Coimbatore. We are having well experienced designers with high knowledge in this field.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-6 mt-30">
<div class="cp-process-right">
<div class="xb-img">
<img src="assets/img/process/cp-img.png" alt="Logo Design in Coimbatore">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- process title end -->
<div class="sd-process_warp pt-60 pb-50" data-bg-color=" #fff ">
<div class="container">
<div class="sd-heading">
<h2 class="sd-title"> Graphic Design Process</h2>
<p style="color:#6a6a8e" class="sd-content">Here’s a simple 4-step graphic design process:
</p>
</div>
<div class="sd-process_inner ul_li">
<div class="sd-process-item">
<div class="xb-item--icon"><img src="assets/img/icon/sd-icon01.svg" alt="Logo Design in Coimbatore"></div>
<h3 class="xb-item--title">Understand & Research</h3>
<p style="color:#6a6a8e" class="xb-item--contact">Gather information about the client’s goals, audience, and message.
</p>
<span class="xb-item--number">01</span>
</div>
<div class="sd-process-item">
<div class="xb-item--icon"><img src="assets/img/icon/sd-icon02.svg" alt="Logo Design in Coimbatore"></div>
<h3 class="xb-item--title">Concept & Planning</h3>
<p style="color:#6a6a8e" class="xb-item--contact">Brainstorm ideas and plan the visual direction and layout.
</p>
<span class="xb-item--number">02</span>
</div>
<div class="sd-process-item">
<div class="xb-item--icon"><img src="assets/img/icon/sd-icon03.svg" alt="Logo Design in Coimbatore"></div>
<h3 class="xb-item--title">Design & Develop</h3>
<p style="color:#6a6a8e" class="xb-item--contact">Create the design using appropriate tools, colors, and typography.</p>
<span class="xb-item--number">03</span>
</div>
<div class="sd-process-item">
<div class="xb-item--icon"><img src="assets/img/icon/sd-icon04.svg" alt="Logo Design in Coimbatore"></div>
<h3 class="xb-item--title">Review & Finalize</h3>
<p style="color:#6a6a8e" class="xb-item--contact">Make revisions, get approval, and deliver the final design files.</p>
<span class="xb-item--number">04</span>
</div>
<div class="sd-shape"><img src="assets/img/shape/sd-shape.png" alt="Logo Design in Coimbatore"></div>
</div>
</div>
</div>
<!-- zoominup, updown, slide-ltr -->
<section class="team pt-100 pb-80" data-bg-color=" #dff3ff ">
<div class="container">
<div class="row mt-none-30">
<div class="col-lg-6 mt-30">
<div class="hd-blog hd-blog-left">
<a class="xb-item--img"><img src="assets/img/blog/3.jpg" alt="Logo Design in Coimbatore"></a>
</div>
</div>
<div class="col-lg-6">
<div class="team-wrap ">
<div class="xb-item--holders">
<h2 class="sd-title">We Offer Creative Graphic Design Services in Coimbatore</h2>
<br>
<p style="color:#6a6a8e" class="pb-20 xb-item--content">
The initial impression a visitor has of a website will determine whether or not the encounter is successful. At Virtual Softech, we are completely aware of how important initial impressions of a website are. Through the following services, our qualified team of graphic designers gives our clients the best outcomes possible.
</p>
<div class="row mt-10">
<div class="col-lg-6">
<ul style="color:#6a6a8e ;font-size: 17px;
font-weight: 600;"class="xb-item--item list-unstyled wow fadeInUp" data-wow-delay="200ms"
data-wow-duration="600ms">
<li> # Logo Design</li>
<li> # Website Redesign</li>
<li> # Advertising</li>
</ul>
</div>
<div class="col-lg-6">
<ul style="color:#6a6a8e;font-size: 17px;
font-weight: 600;"class="xb-item--item list-unstyled wow fadeInUp" data-wow-delay="200ms"
data-wow-duration="600ms">
<li> # Brand Identity Design</li>
<li> # Brochure & Pamphlet Design</li>
<li> # Customized Design</li>
</ul>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- team section end -->
</div>
</main>
<!-- main area end -->
<!-- footer strt -->
<footer class="footer footer footer-style-two footer-style-three footer-style-five pt-60 pos-rel">
<div class="container">
<div class="xb-footer">
<div class="sec-title--two sec-title--three text-center mb-40">
<span class="sub-title"><img src="assets/img/icon/airdrop01.svg" alt=""><span>Social Connect Virtual</span></span>
</div>
<div class="social-link ul_li_between">
<div class="row mt-none-40">
<div class="col-6 col-lg-3 pb-20">
<div class="social-item">
<a href="https://www.facebook.com/virtualsoftech" target="_blank" class="xb-icon"><img src="assets/img/footer/social-link01.png" style="width:180px" alt=""></a>
</div>
</div>
<div class="col-6 col-lg-3 pb-20">
<div class="social-item">
<a href="https://www.instagram.com/virtual_softech " target="_blank" class="xb-icon"><img src="assets/img/footer/social-link02.png" style="width:180px" alt=""> </a>
</div>
</div>
<div class="col-6 col-lg-3 pb-20">
<div class="social-item">
<a href="https://www.linkedin.com/company/virtual-softech-coimbatore/?originalSubdomain=in " target="_blank" class="xb-icon"><img src="assets/img/footer/social-link03.png" style="width:180px" alt=""></a>
</div>
</div>
<div class="col-6 col-lg-3 pb-20">
<div class="social-item">
<a href=" https://g.co/kgs/YL1zBz6" target="_blank" class="xb-icon"><img src="assets/img/footer/social-link04.png" style="width:180px" alt=""></a>
</div>
</div>
</div>
</div>
</div>
<div class="xb-footer">
<div class="footer-inner mt-80 ul_li_between align-items-start">
<div class="footer-widget">
<span class="xb-item--sub-title" style="color:#0097ff"> Our Services</span>
<ul class="xb-item--holder list-unstyled">
<li class="xb-item--list"><a href="website-designing-company-in-coimbatore.php"> Web Designing</a></li>
<li class="xb-item--list"><a href="logo-design-company-in-coimbatore.php">Logo Designing</a></li>
<li class="xb-item--list"><a href="graphic-design-company-in-coimbatore.php">Graphic Designing</a></li>
<li class="xb-item--list"><a href="ecommerce-website-development-company-coimbatore.php">E-commerce Development</a></li>
<li class="xb-item--list"><a href="seo-company-in-coimbatore.php"> Search Engine Optimization</a></li>
</ul>
</div>
<div class="footer-widget">
<span class="xb-item--sub-title"> <br></span>
<ul class="xb-item--holder list-unstyled">
<li class="xb-item--list"><a href="software-development-company-coimbatore.php"> Software Development</a></li>
<li class="xb-item--list"><a href="digital-marketing-company-coimbatore.php"> Digital Marketing</a></li>
<li class="xb-item--list"><a href="social-media-marketing-coimbatore.php"> Social Media Marketing</a></li>
<li class="xb-item--list"><a href="branding-agency-in-coimbatore.php"> Branding</a></li>
</ul>
</div>
<div class="footer-widget">
<span class="xb-item--sub-title" style="color:#0097ff"> Portfolio </span>
<ul class="xb-item--holder list-unstyled">
<li class="xb-item--list"><a href="web-designing-portfolio-coimbatore.php"> Website Design Works</a></li>
<li class="xb-item--list"><a href="logo-design-portfolio-coimbatore.php"> Logo Design Works</a></li>
<li class="xb-item--list"><a href="package-designing-portfolio-coimbatore.php"> Package Design Works</a></li>
<li class="xb-item--list"><a href="brochure-designing-work-coimbatore.php"> Brochure Design Works</a></li>
<li class="xb-item--list"><a href="ecommerce-website-portfolio-coimbatore.php"> E-commerce Website Works</a></li>
<li class="xb-item--list"><a href="seo-services-porfolio-coimbatore.php"> SEO Results </a></li>
</ul>
</div>
<div class="sa-newslatter footer-widget">
<span class="xb-item--sub-title"style="color:#0097ff">Quick Menus</span>
<ul class="xb-item--holder list-unstyled">
<li class="xb-item--list"><a href="index.php"> Home</a></li>
<li class="xb-item--list"><a href="about-us.php"> About us </a></li>
<li> <a href="clients.php"><span>Clients</span></a></li>
<li class="xb-item--list"><a href="blogs.php">Blog</a></li>
<li class="xb-item--list"><a href="contact-us.php">Contact</a></li>
</ul>
</div>
<div class="sa-newslatter footer-widget">
<span class=" "style="color: #0097ff">Call us</span>
<h4 class="xb-item--email" style="color:#fff; font-size:17px; margin-bottom: 20px;"><a href="tel:+918015144557" style="color:#fff">+91 80151 44557</a></h4>
<span class=" "style="color: #0097ff">Office </span>
<h4 class="xb-item--email" style="color:#fff; font-size:17px; margin-bottom: 20px;"><a href="tel:+916382078942" style="color:#fff"> +91 63820 78942</a></h4>
<span class=" "style="color: #0097ff">Email us </span>
<h4 class="xb-item--number"style="color:#fff; font-size:17px; margin-bottom: 20px;"><a href="mailto:info@virtualsoftech.in" style="color:#fff">info@virtualsoftech.in</a></h4>
<span class=" "style="color: #0097ff">Location</span>
<h4 class="xb-item--number"style="color:#fff;font-size:17px; margin-bottom: 20px;"><a href=" https://g.co/kgs/YL1zBz6" target="_blank" style="color:#fff">291/2, Dr Rajendra Prasad Rd,<br>
5th Street Extension,<br>
Gandhipuram, Coimbatore,<br>
Tamil Nadu, India - 641012.</a></h4>
</div>
</div>
<div class="footer-inner mt-40 ul_li_between mt-none-30">
<div class="award-top ul_li_between align-items-end mb-10">
<div class="sec-title--two sec-title--three mb-20">
<div class="xb-logo"style=" width: 210px;"><img src="assets/img/logo/logo.png" style="width:180px;" alt=""></div>
</div>
<p class="text-white content1 mb-30">Since 2014, Virtual Softech has dominated this market and over the previous seven years, has become Coimbatore's top website design company. We provide innovative web design and solutions to expand the audience for the clients' goods and services.</p>
</div>
</div>
<div class="footer-copyright mt-70 ul_li_between">
<p class="copyright mt-20"> © 2025 <a href="index.php">Virtual Softech</a>. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- footer end -->
</div>
<!-- jquery include -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/swiper.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/gsap.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/appear.js"></script>
<script src="assets/js/parallaxie.js"></script>
<script src="assets/js/parallax-scroll.js"></script>
<script src="assets/js/odometer.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/cursor-bundle.js"></script>
<script src="assets/js/easing.min.js"></script>
<script src="assets/js/scrollspy.js"></script>
<script src="assets/js/jquery.nice-select.min.js"></script>
<script src="assets/js/jquery.marquee.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
<!-- SOCIAL PANEL HTML -->
<div class="social-panel-container">
<div class="social-panel">
<p>Created <i class="fa fa-heart"></i> by
<a target="_blank" href="https://virtualsoftech.in/">Virtual Softech</a></p>
<button class="close-btn"><i class="fas fa-times"></i></button>
<h4>Get in touch on</h4>
<ul>
<li>
<a href="tel:+918015144557" target="_blank">
<i class="fa fa-phone"></i>
</a>
</li>
<li>
<a href="//wa.me/918015144557" target="_blank">
<i class="fa fa-whatsapp"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/virtualsoftech" target="_blank">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/virtual_softech" target="_blank">
<i class="fa fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
<button class="floating-btn">
Get in Touch
</button>
<style>
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
* {
box-sizing: border-box;
}
/* INSERT CSS HERE */
.fa {
font-size: 19px;
width: 35px;
line-height: -30px;
height: 33px;
text-align: center;
text-decoration: none;
margin: 5px 5px;
border-radius: 50%;
padding-top: 9px;
line-height: 15px;
}
/* SOCIAL PANEL CSS */
.social-panel-container {
position: fixed;
right: 0;
bottom: 80px;
transform: translateX(100%);
transition: transform 0.4s ease-in-out;
z-index: 11;
}
.social-panel-container.visible {
transform: translateX(-10px);
}
.social-panel {
background-color: #fff;
border-radius: 16px;
box-shadow: 0 16px 31px -17px rgba(0,31,97,0.6);
border: 5px solid #001F61;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: 'Muli';
position: relative;
height: 169px;
width: 340px;
max-width: calc(100% - 10px);
}
.social-panel button.close-btn {
border: 0;
color: #97A5CE;
cursor: pointer;
font-size: 20px;
position: absolute;
top: 5px;
right: 5px;
}
.social-panel button.close-btn:focus {
outline: none;
}
.social-panel p {
background-color: #001F61;
border-radius: 0 0 10px 10px;
color: #fff;
font-size: 14px;
line-height: 18px;
padding: 0px 6px 3px;
position: absolute;
top: 0;
left: 50%;
margin: 0;
transform: translateX(-50%);
text-align: center;
width: 249px;
}
.social-panel p i {
margin: 0 5px;
}
.social-panel p a {
color: #008fff;
text-decoration: none;
}
.social-panel h4 {
margin: 20px 0;
color: #97A5CE;
font-family: 'Muli';
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}
.social-panel ul {
display: flex;
list-style-type: none;
padding: 0;
margin: 0;
}
.social-panel ul li {
margin: 0 10px;
}
.social-panel ul li a {
border: 1px solid #DCE1F2;
border-radius: 50%;
color: #001F61;
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
height: 45px;
width: 45px;
text-decoration: none;
}
.social-panel ul li a:hover {
border-color: #FF6A00;
box-shadow: 0 9px 12px -9px #FF6A00;
}
.floating-btn {
border-radius: 26.5px;
background-color: #020faf;
border: 1px solid #020faf;
box-shadow: 0 16px 22px -17px #03153B;
color: #fff;
cursor: pointer;
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
position: fixed;
bottom: 20px;
right: 24px;
z-index: 999;
}
.floating-btn:hover {
background-color: #ffffff;
color: #001F61;
}
.floating-btn:focus {
outline: none;
}
@media screen and (max-width: 480px) {
.social-panel-container.visible {
transform: translateX(0px);
}
.floating-btn {
right: 10px;
}
}
</style>
<script>
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
document.onkeydown = function(e) {
// Disable F12 key
if (e.keyCode == 123) {
return false;
}
// Disable Ctrl+Shift+I
if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
return false;
}
};
// Disable right-click
document.addEventListener("contextmenu", (event) => event.preventDefault());
// Block common Developer Tools shortcuts
document.addEventListener("keydown", function(event) {
// F12 key
if (event.key === "F12") {
event.preventDefault();
}
// Ctrl+Shift+I (Inspect), Ctrl+Shift+J (Console), Ctrl+U (View Source)
if ((event.ctrlKey && event.shiftKey && (event.key === "I" || event.key === "J")) ||
(event.ctrlKey && event.key === "U")) {
event.preventDefault();
}
});
// Detect if Developer Tools is open
(function() {
let devtoolsOpen = false;
const element = new Image();
Object.defineProperty(element, 'id', {
get: function() {
devtoolsOpen = true;
alert("Developer tools are open. Please close them to continue.");
}
});
setInterval(() => {
devtoolsOpen = false;
console.log(element);
if (devtoolsOpen) {
// Optionally reload the page or redirect the user
window.location.reload();
}
}, 1000);
})();
</script>
<script>
// INSERT JS HERE
// SOCIAL PANEL JS
const floating_btn = document.querySelector('.floating-btn');
const close_btn = document.querySelector('.close-btn');
const social_panel_container = document.querySelector('.social-panel-container');
floating_btn.addEventListener('click', () => {
social_panel_container.classList.toggle('visible')
});
close_btn.addEventListener('click', () => {
social_panel_container.classList.remove('visible')
});
</script>
