bnmbertsu,yu,yu,fffffffy,ltdfg

hjkhhndndndnd,trt bnmbertsu,yu,yu,fffffffy,ltdfg

<!DOCTYPE html>
<html lang="en">
<head>

<title>Printwell</title>
		<link rel="shortcut icon" href="assets/images/logo/favourite_icon_01.png">

<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="assets/css/flaticon.css">
		<link rel="stylesheet" type="text/css" href="assets/css/fontawesome.css">

<link rel="stylesheet" type="text/css" href="assets/css/animate.css">

<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.min.css">
		<link rel="stylesheet" type="text/css" href="assets/css/owl.theme.default.min.css">

<link rel="stylesheet" type="text/css" href="assets/css/nice-select.css">

<link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css">

<link rel="stylesheet" type="text/css" href="assets/css/style.css">
		<style type="text/css">
 .image-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

.image-box {
            width: calc(33.33% - 10px);
            margin-bottom: 10px;
            position: relative;
            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8); /* Add shadow */
        }

.image {
            width: 100%;
            height: 300px;
            display: block;
            padding: 20px;
        }

.caption {
            background-color: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 5px;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            text-align: center;
        }

@media screen and (max-width: 768px) {
            .image-box {
                width: calc(50% - 10px);
            }
        }

@media screen and (max-width: 480px) {
            .image-box {
                width: 100%;
            }
        }

.service_one__image:before {
    content: '';
    position: absolute;
    background-color: #17354f;
    opacity: .1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .5s;
    transition-timing-function: ease-out;
}
.service_one__single:hover .service_one__image:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.service_one__image>img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .4s ease;
}

.service_one__image {
    position: relative;
    padding: 10px;
    background-color: #fff;
      border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.service-one__text-block {
    background-color: #fff;
    text-align: center;
    position: relative;
    z-index: 100;
    padding: 0 57px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 50px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.cta-two {
    background-color: #f58634;
    position: relative;
}
.cta-two__content {
    position: relative;
    z-index: 100;
}
.block-title {
    margin-bottom: 60px;
}
.block-title__title {
    margin: 0;
    line-height: 1em;
    font-size: 50px;
    font-weight: bold;
    color: #17354f;
    font-family: "Raleway", sans-serif;
}
.block-title__light-color {
    color: #fff;
}
.cta-two__features {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -10px;
}
.cta-two__features-item {
    color: #17354f;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    color: #fff;
    padding-left: 30px;
}
.cta-two__features-item i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
.cta-two__features-item+.cta-two__features-item {
    margin-top: 15px;
}
.cta-two__features-item {
    color: #17354f;
     font-size: 18px; 
    font-weight: 600;
    position: relative;
    color: #fff;
    padding-left: 30px;
}
.breadcrumb-spacing {
    padding: 160px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.breadcrumb-spacing::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #161A33;
    z-index: -1;
    mix-blend-mode: multiply;
    opacity: 0.6;
}
.page-title {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
    line-height: 1;
    text-transform: uppercase;
}

.mb-25 {
    margin-bottom: 25px;
}
.trail-items {
    margin: 0px;
    padding: 0px;
}
.breadcrumb-menu li.trail-item.trail-begin {
    padding-left: 4px;
}
.breadcrumb-menu li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}
.breadcrumb-menu li span {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}
a, button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}
a:hover, button:hover {
    text-decoration: none;
}
a:hover {
    color: grey;
}
.breadcrumb-menu li:not(:last-child)::after {
    display: inline-block;
    color: #fff;
    content: "\f101";
    position: absolute;
    right: -6px;
    top: 0;
    font-size: 20px;
    font-family: "Font Awesome 5 Pro";
}
.breadcrumb-menu li:hover a span {
    opacity: 0.7;
}
.gallery {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.gallery-image {
  cursor: pointer;
  transition: 0.3s;
/*  margin: 10px;*/
height: 300px;
}

.gallery-image:hover {
  opacity: 0.7;
}

.modal {
  display: none;
  position: fixed;
/*  padding-top: 150px;*/
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
}

.modal-content {
  display: block;
  margin: 0 auto;
  max-width: 60%;
  max-height: auto;
}

.close {
  position: absolute;
/*  top: 100px;*/
  top: 0px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  cursor: pointer;
}

.caption {
  text-align: center;
  color: #f1f1f1;
  font-size: 20px;
  padding: 10px;
}

.content-to-hide {
  display: block;
}

.modal {
  display: none;
}

.modal.active {
  display: block;
}
h5{
	font-family: "Hind", sans-serif;
}
@media only screen and (max-width: 768px) {
 .modal-content {
    display: block;
    margin: 0 auto;
    max-width: 70%!important;
    max-height: auto;
}
  }

</style>

</head>

<body>

<div id="thetop"></div>
		<div id="backtotop">
			<a href="#" id="scroll">
				<i class="far fa-arrow-up"></i>
			</a>
		</div>

<div class="preloader">
			<div class="animation_preloader">
				<div class="spinner"></div>
				<p class="text-center">Loading</p>
			</div>
			<div class="loader">
				<div class="row vh-100">
					<div class="col-3 loader_section section-left">
						<div class="bg"></div>
					</div>
					<div class="col-3 loader_section section-left">
						<div class="bg"></div>
					</div>
					<div class="col-3 loader_section section-right">
						<div class="bg"></div>
					</div>
					<div class="col-3 loader_section section-right">
						<div class="bg"></div>
					</div>
				</div>
			</div>
		</div>

<header class="header_section sticky_header primary_header clearfix">
			<div class="primary_header_content clearfix">
				<div class="brand_logo">
					<a href="index.html">
						<img src="assets/images/Printwell-Logo.png" srcset="assets/images/Printwell-Logo.png" alt="logo_not_found">
					</a>
					<ul class="mobilemenu_btns_group ul_li_right clearfix">
					
						<li>
							<button type="button" class="mobile_menu_btn"><i class="fal fa-bars"></i></button>
						</li>
					</ul>
				</div>

<nav class="main_menu clearfix">
					<ul class="ul_li_center clearfix">
						<li style="border-left: 1px solid #e6e6e6;">
							<a href="index.html">Home</a>
							
					  </li>
						<li><a href="about.html">About</a></li>
						<li class="active">
							<a href="service.html">Technology</a>
						
						</li>
                
     <li><a href="products.html"> Products</a></li>

<li><a href="gallery.html">Gallery</a></li>    
                        
					  <li><a href="contact.html">Contact</a></li>
		
					</ul>
				</nav>

<div class="header_hotline bg_gray clearfix">
					<div class="item_icon">
						<img src="assets/images/icons/hot_line.png" alt="icon_not_found">
					</div>
					<div class="item_content">
						
						<span class="" style="font-size:16px">Gurinder Singh +91-99150 48002</span>
						<span class="" style="font-size:16px">Ravinder Singh +91-99150 48003</span>
                        
                         
					</div>
				</div>
			</div>

<main>

<div class="sidebar-menu-wrapper">
				<div class="sidebar_mobile_menu">

<div class="mobile_menu_list clearfix">
						<ul class="ul_li_block clearfix">
							
							<li><a href="index.html">Home</a></li>
							<li><a href="about.html">About</a></li>
							<li class="active">
								<a href="service.html">Technology</a>
								
							</li>
			
							    <li><a href="products.html"> Products</a></li>
								
                            <li><a href="gallery.html">Gallery</a></li>    
							
							<li><a href="contact.html">Contact</a></li>    
						</ul>
					</div>

</div>
				<div class="overlay"></div>
			</div>

<section class="page-title-area breadcrumb-spacing" data-background="assets/images/print-service.jpg" style="background-image: url(&quot;assets/images/print-service&quot;);">
        <div class="container">
           <div class="row">
              <div class="col-xxl-9">
                 <div class="page-title-wrapper">
                    <h3 class="page-title mb-25">Packaging</h3>
                    <div class="breadcrumb-menu">
                       <nav aria-label="Breadcrumbs" class="breadcrumb-trail breadcrumbs">
                          <ul class="trail-items">
                             <li class="trail-item trail-begin"><a href="index.html"><span>Home</span></a></li>
                             <li class="trail-item trail-end"><span>Services</span></li>
                          </ul>
                       </nav>
                    </div>
                 </div>
              </div>
           </div>
        </div>
     </section>
			
			  <section class="service-one" style="padding-top: 50px;">
            <div class="container">
                
              <div class="section_title text-center  wow fadeInUp2" data-wow-delay=".1s" style="margin-bottom: 30px; margin-top: 20px;">
						<div class="row justify-content-center">
							<div class="col-lg-10 col-md-7 col-sm-9 col-xs-12">
								<h4 class="small_title">Packaging </h4>
								<p class="big_title mb-0" style="font-weight: normal; font-size: 16px; line-height: 2;">
									At Printwell Packaging, packaging is not just a process; it's an art, and we are dedicated to continuous innovation in packaging materials. Our materials are meticulously designed and printed to withstand the rigors of handling, ensuring they remain robust even in challenging conditions. Leveraging our state-of-the-art machinery, we craft these materials with unparalleled precision, striving for excellence in every aspect of the packaging process.
								</p>
								
							</div>
						</div>
					</div>
</div>
</section>
            
        <section class="service-one" style="background: #F3F3F3;">
            <div class="container">
             
              <div class="section_title text-center wow fadeInUp2" data-wow-delay=".1s" style="margin-bottom: 40px;">
						<div class="row justify-content-center">
							<div class="col-lg-8 col-md-7 col-sm-9 col-xs-12">
								
							</div>
						</div>
					</div>

</div>

<div id="myModal" class="modal">
  <span class="close" onclick="closeModal()">&times;</span>
  <img class="modal-content" id="modalImage">
 
</div>
                </div>
                            <div class="content-to-hide">
                            <div class="service-one__text-block">
                                
                                
                            </div>
                        </div>
                    </div>
</div>

</div>

<div class="col-lg-4 col-md-8">
						<div class="widget footer_about bg_black">
							<div class="brand_logo bg_default_yellow" style="background:#ff4328;">
								<a href="index.html">
									<img src="assets/images/Printwell-Logo.png" srcset="assets/images/Printwell-Logo.png 2x" alt="logo_not_found">
								</a>
							</div>
							<p class="mb_30">
								Established in 19– by the renowned visionary Mr. Singh Printwell  has embarked on a trans formative journey.
							</p>
							<ul class="circle_social_links ul_li mb_80 clearfix">
								<li>
									<a class="bg_facebook" href="#!">
										<i class="fab fa-facebook-f"></i>
										<i class="fab fa-facebook-f"></i>
									</a>
								</li>
								<li>
									<a class="bg_twitter" href="#!">
										<i class="fab fa-twitter"></i>
										<i class="fab fa-twitter"></i>
									</a>
								</li>
								<li>
									<a class="bg_youtube" href="#!">
										<i class="fab fa-youtube"></i>
										<i class="fab fa-youtube"></i>
									</a>
								</li>
								<li>
									<a class="bg_linkedin" href="#!">
										<i class="fab fa-linkedin"></i>
										<i class="fab fa-linkedin"></i>
									</a>
								</li>
							</ul>
							<div class="copyright_text bg_black">
								<p class="mb-0">© Copyright 2023 Printwell  All Right Reserved Design By <a class="author_links" target="_blank" href="#">IMCTEK</a></p>
							</div>
						</div>
					</div>

<div class="col-lg-8 col-md-8">
						<div class="footer_widget_area">
							<div class="row justify-content-lg-between">
								<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
									<div class="widget footer_useful_links">
										<h3 class="footer_widget_title">Quick Links</h3>
										<ul class="ul_li_block clearfix">
											<li><a href="index.html">- Home </a></li>
											<li><a href="about.html">- About us </a></li>
											<li><a href="service.html">- Technology</a></li>

</ul>
									</div>
								</div>
                                
                                
                                
                                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
									<div class="widget footer_useful_links">
										<h3 class="footer_widget_title">Other Links</h3>
										<ul class="ul_li_block clearfix">
											<li><a href="products.html">- Products </a></li>											
												 
                         
					 								 <li><a href="contact.html">- Contact</a></li>

</ul>
									</div>
								</div>

<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
									<div class="widget footer_contact_info clearfix">
										<h3 class="footer_widget_title">Contact Us</h3>
										<ul class="ul_li_block clearfix">
											<li>
												<div class="item_icon bg_default_orange">
													<i class="far fa-phone"></i>
												</div>
												<div class="item_content">
													<h4>Gurinder Singh</h4>
													<p class="mb-2">+91 99150 48002</p>
                                              
                                                    <h4> Ravinder Singh</h4>
													<p>+91 9915048003</p>
                                                    
                                                   
         
												</div>
											</li>

<li>
												<div class="item_icon bg_default_yellow">
													<i class="far fa-envelope-open"></i>
												</div>
												<div class="item_content">
													<h4>Email addres</h4>
													<p>info@Printwell.com</p>
												</div>
											</li>

<li>
												<div class="item_icon bg_default_lightblue">
													<i class="far fa-map-marker-alt"></i>
												</div>
												<div class="item_content">
													<h4>Locations</h4>
													<p>146 ,Industrial Focal Point, Amritsar</p>
												</div>
											</li>
										</ul>
									</div>
								</div>
                                
                                
                               <!-- <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
									<div class="widget recent_works_list">
										<h3 class="footer_widget_title">Recent News</h3>
										<ul class="ul_li_block clearfix">
											<li>
												<div class="small_blog clearfix">
													<div class="item_content">
														<h3 class="item_title">
															<a target="_blank" href="blog_details.html">
																Web Designers Can Help Restaura Move Into
															</a>
														</h3>
														<span class="post_date"><i class="far fa-calendar-alt"></i> 25 Nov 2020</span>
													</div>
												</div>
											</li>

<li>
												<div class="small_blog clearfix">
													<div class="item_content">
														<h3 class="item_title">
															<a target="_blank" href="blog_details.html">
																Building Facial Recognits Web Application React
															</a>
														</h3>
														<span class="post_date"><i class="far fa-calendar-alt"></i> 25 Nov 2020</span>
													</div>
												</div>
											</li>
										</ul>
									</div>
								</div>-->
                                
                                
                                
							</div>

<div class="footer_newsletter_boxed">
								<div class="row justify-content-lg-between">
									<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
										<h3 class="newsletter_title">Get More Update Join Our Newsletters</h3>
									</div>
									<div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
										<form action="#">
											<ul class="form_list ul_li_right clearfix" style="margin:0 auto;">
												<li style="margin-right: 0;">
													<input type="email" name="email" placeholder="Enter Your Email">
												</li>
												<li><button type="submit" class="icon_btn"><i class="far fa-arrow-right"></i></button></li>
											</ul>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
                    
                    
                   
					
				</div>
			</div>

<script>
function openModal(imageSrc, imageDescription) {
  var modal = document.getElementById("myModal");
  var modalImage = document.getElementById("modalImage");
  var caption = document.getElementById("caption");

// Hide the elements with the "content-to-hide" class
  var contentToHideElements = document.querySelectorAll('.content-to-hide');
  for (var i = 0; i < contentToHideElements.length; i++) {
    contentToHideElements[i].style.display = 'none';
  }

// var contentSection = document.querySelector('.contact_section');
  // contentSection.style.display = 'none';

modal.style.display = "block";
  modalImage.src = imageSrc;
  // caption.innerHTML = imageDescription;
}

function closeModal() {
  var modal = document.getElementById("myModal");

// Show the elements with the "content-to-hide" class
  var contentToHideElements = document.querySelectorAll('.content-to-hide');
  for (var i = 0; i < contentToHideElements.length; i++) {
    contentToHideElements[i].style.display = 'block';
  }

// var contentSection = document.querySelector('.contact_section');
  // contentSection.style.display = 'block';

modal.style.display = "none";
}

// Rest of your code...

window.onclick = function(event) {
  var modal = document.getElementById("myModal");
  if (event.target === modal) {
    modal.style.display = "none";

// Show the elements with the "content-to-hide" class when closing the modal
    var contentToHideElements = document.querySelectorAll('.content-to-hide');
    for (var i = 0; i < contentToHideElements.length; i++) {
      contentToHideElements[i].style.display = 'block';
    }

var contentSection = document.querySelector('.contact_section');
    contentSection.style.display = 'block';
  }
}

</script>
		
		<script src="assets/js/jquery-3.5.1.min.js"></script>
        
        
          <script>
    $(document).ready(function() {
      // Get the message from the URL query parameter
      var message = decodeURIComponent(getParameterByName("message"));
      
      // Display the message in the div
  if (message !== "") {
        $("#thankYouMessage").text(message);
      // var formSectionTop = $("#formSection").offset().top;
      //   $("html, body").animate({scrollTop: formSectionTop}, 800);

if (performance.navigation.type !== 1) {
      var formSectionTop = $("#formSection").offset().top;
      $("html, body").animate({scrollTop: formSectionTop}, 800);
    }

if (history.replaceState) {
          var urlWithoutParams = window.location.pathname + window.location.hash;
          history.replaceState({}, document.title, urlWithoutParams);
        }
      }
    });
    // Function to get URL query parameters
    function getParameterByName(name) {
      name = name.replace(/[\[\]]/g, "\\$&");
      var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
          results = regex.exec(window.location.href);
      if (!results) return false .style.display = 'block';
      if (!results[2]) return   '' .style.display = 'none';
      return decodeURIComponent(results[2].replace(/\+/g, " "));
    }
  </script>

<script src="assets/js/owl.carousel.min.js"></script>

<script src="assets/js/mCustomScrollbar.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDk2HrmqE4sWSei0XdKGbOMOHN3Mm2Bf-M&ver=2.1.6"></script>
        <script src="assets/js/gmaps.min.js"></script>

<script src="assets/js/nice-select.min.js"></script>

<script src="assets/js/circle-progress.min.js"></script>

<script src="assets/js/magnific-popup.min.js"></script>

<script src="assets/js/isotope.pkgd.js"></script>
		<script src="assets/js/imagesloaded.pkgd.min.js"></script>
		<script src="assets/js/masonry.pkgd.min.js"></script>

<script src="assets/js/countto.js"></script>

<script src="assets/js/jquery-ui.js"></script>

<script src="assets/js/parallax.min.js"></script>
		<script src="assets/js/wow.min.js"></script>

<script src="assets/js/custom.js"></script>

</main></body>

</html>