<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>CONSTRUCTION BUILDING</title>
<meta content="ligaidr805, daftar ligaidr805, login ligaidr805, masuk ligaidr805, alternatif ligaidr805, akun ligaidr805, olimpus, pgsoft, mahjong ways, slot gacor, slot online, casino, poker, domino, capsa, agen ligaidr805, bandar ligaidr805, toto sgp, toto hk, toto sydney, togel online, bandar togel, agen togel" name="keywords">
<meta content="Kami LIGAIDR805 menyediakan link terpercaya untuk bermain slot online legal dan Toto-HK 4D terbaru. Pastinya kalian dapat merasakan pengalaman bermain yang menyenangkan dan sesuai regulasi. Tanpa khawatir dikarenakan link kami ini sudah legal di negara tercinta kita indonesia." name="description">
<meta name="author" content="LIGAIDR805">
<link rel="shortcut icon" type="image/x-icon" href="images/fav.png"/>
<link rel="canonical" href="https://www.progettogiovani.org/">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- owl stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
</head>
<body>
<!-- section header start -->
<div class="header_section">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
</div>
<div class="col-md-9">
<div class="menu_text">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a href="projects.html">PROJECTS</a></li>
<li><a href="contact.html">CONTACT US</a></li>
<li><a href="clients.html">CLIENTS</a></li>
<li><a href="#"><img src="images/search-icon.png"></a></li>
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="services.html">SERVICES</a>
<a href="projects.html">PROJECTS</a>
<a href="contact.html">CONTACT US</a>
<a href="client.html">CLIENTS</a>
</div>
</div>
<span style="font-size:33px;cursor:pointer; color: #ffffff;" onclick="openNav()"><img src="images/toggle.png" class="toggle_menu"></span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- section header end -->
<!-- banner section start -->
<div class="banner_section">
<div class="container-fluid">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-sm-2">
<div class="round"><img src="images/round-icon.png"></div>
<p class="number_text">02</p>
<div class="line"><img src="images/line.png"></div>
<p class="number_text">02</p>
<div class="round"><img src="images/round-icon.png"></div>
</div>
<div class="col-sm-5">
<div class="taital_main">
<h2 class="construction_text">CONSTRUCTION</h2>
<h1 class="building_text">BUILDING</h1>
<p class="lorem_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure </p>
<div class="contact_bt"><a href="#">CONTACT US</a></div>
<div class="get_bt"><a href="#">GET A QUOTE NOW</a></div>
</div>
</div>
<div class="col-sm-5">
<div><img src="images/banner-bg.png"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-sm-2">
<div class="round"><img src="images/round-icon.png"></div>
<p class="number_text">02</p>
<div class="line"><img src="images/line.png"></div>
<p class="number_text">02</p>
<div class="round"><img src="images/round-icon.png"></div>
</div>
<div class="col-sm-5">
<div class="taital_main">
<h2 class="construction_text">CONSTRUCTION</h2>
<h1 class="building_text">BUILDING</h1>
<p class="lorem_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure </p>
<div class="contact_bt"><a href="#">CONTACT US</a></div>
<div class="get_bt"><a href="#">GET A QUOTE NOW</a></div>
</div>
</div>
<div class="col-sm-5">
<div><img src="images/banner-bg.png"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-sm-2">
<div class="round"><img src="images/round-icon.png"></div>
<p class="number_text">02</p>
<div class="line"><img src="images/line.png"></div>
<p class="number_text">02</p>
<div class="round"><img src="images/round-icon.png"></div>
</div>
<div class="col-sm-5">
<div class="taital_main">
<h2 class="construction_text">CONSTRUCTION</h2>
<h1 class="building_text">BUILDING</h1>
<p class="lorem_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure </p>
<div class="contact_bt"><a href="#">CONTACT US</a></div>
<div class="get_bt"><a href="#">GET A QUOTE NOW</a></div>
</div>
</div>
<div class="col-sm-5">
<div><img src="images/banner-bg.png"></div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<!-- banner section end -->
<!-- about section start -->
<div class="about_section">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="about_taital">
<h1 class="about_text">ABOUT COMPANY</h1>
<p class="long_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and webIt is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web</p>
<div class="about_bt"><a href="#">ABOUT MORE</a></div>
</div>
</div>
<div class="col-md-6 padding_0">
<div class="about_img"><img src="images/about-bg.png"></div>
</div>
</div>
</div>
</div>
<!-- about section end -->
<!-- our service section start -->
<div class="our_section layout_padding">
<div class="container">
<h1 class="our_text"><strong>OUR SERVICES</strong></h1>
<p class="client_long_text">It is a long established fact that a reader will be distracted by the readable</p>
<div class="row padding_top_0">
<div class="col-lg-4">
<div class="image_7"><a href="#"><img src="images/img-1.png"></a></div>
<h2 class="design_text">ARCHITECTURAL DESIGN</h2>
<p class="fact_text">It is a long established fact that a reader will be distracted by the readable</p>
</div>
<div class="col-lg-4">
<div class="image_7"><a href="#"><img src="images/img-2.png"></a></div>
<h2 class="design_text">RECONSTRUCTION SERVICES</h2>
<p class="fact_text">It is a long established fact that a reader will be distracted by the readable</p>
</div>
<div class="col-lg-4">
<div class="image_7"><a href="#"><img src="images/img-3.png"></a></div>
<h2 class="design_text">ELECTRICAL SYSTEMS</h2>
<p class="fact_text">It is a long established fact that a reader will be distracted by the readable</p>
</div>
<div class="bt_main">
<div class="seemore_bt"><a href="#">See More</a></div>
</div>
</div>
</div>
</div>
<!-- our service section end -->
<!-- project section start -->
<div class="project_section layout_padding">
<div class="container">
<h1 class="partner_text">PARTNER<br> UP-DOUBLE POWER</h1>
<p class="lorem_ipsum_text">t is a long established fact that a reader will be distracted by the readable content
of a page when looking at its layout. The point of using Lorem Ipsum is tha
</p>
<div class="choice_main">
<div class="choose_bt"><a href="#">Choose your home</a></div>
</div>
</div>
</div>
<!-- project section end -->
<!-- client section start -->
<div class="clients_section layout_padding">
<div class="container">
<h1 class="client_text"><strong>WHAT IS SAY CLIENTS</strong></h1>
<p class="client_long_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum </p>
<div class="clients_section_2">
<div id="my_carousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#my_carousel" data-slide-to="0" class="active"></li>
<li data-target="#my_carousel" data-slide-to="1"></li>
<li data-target="#my_carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-sm-12 col-lg-2">
<div class="client_img"><img src="images/client-img.png"></div>
<h2 class="henrry_text">Henrry Jo</h2>
</div>
<div class="col-sm-12 col-lg-10">
<div class="img_5"><img src="images/img-6.png"></div>
<p class="client_lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-sm-12 col-lg-2">
<div class="client_img"><img src="images/client-img.png"></div>
<h2 class="henrry_text">Henrry Jo</h2>
</div>
<div class="col-sm-12 col-lg-10">
<div class="img_5"><img src="images/img-6.png"></div>
<p class="client_lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-sm-12 col-lg-2">
<div class="client_img"><img src="images/client-img.png"></div>
<h2 class="henrry_text">Henrry Jo</h2>
</div>
<div class="col-sm-12 col-lg-10">
<div class="img_5"><img src="images/img-6.png"></div>
<p class="client_lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- client section end -->
<!-- contact section start -->
<div class="contact_section">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="contact_bg">
<div class="input_main">
<div class="container">
<h2 class="request_text">REQUEST A CALL BACK</h2>
<form action="/action_page.php">
<div class="form-group">
<input type="text" class="email-bt" placeholder="Your Name" name="Name">
</div>
<div class="form-group">
<input type="text" class="email-bt" placeholder="Email" name="Email">
</div>
<div class="form-group">
<input type="text" class="email-bt" placeholder="Phone" name="Email">
</div>
<form action="/action_page.php">
<div class="form-group">
<textarea class="massage-bt" placeholder="Massage" rows="5" id="comment" name="text"></textarea>
</div>
</form>
</form>
</div>
</div>
<div class="send_bt"><a href="#">SEND</a></div>
</div>
</div>
<div class="col-md-6 padding_0">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=Eiffel+Tower+Paris+France" width="600" height="450" frameborder="0" style="border:0; width: 100%;" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- contact section end -->
<!-- footer section start -->
<div class="footer_section layout_padding">
<div class="container">
</div>
<div class="footer_section_2">
<div class="container">
<h2 class="addres_text">Addres</h2>
<div class="row map_addres">
<div class="col-sm-12 col-lg-4">
<div class="map_text"><img src="images/map-icon.png"><span class="map_icon">No.123 Chalingt Gates, Supper market New York</span></div>
</div>
<div class="col-sm-12 col-lg-4">
<div class="map_text"><img src="images/phone-icon.png"><span class="map_icon">( +71 7986543234 )</span></div>
</div>
<div class="col-sm-12 col-lg-4">
<div class="map_text"><img src="images/email-icon.png"><span class="map_icon"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="dfbbbab2b09fb8b2beb6b3f1bcb0b2">[email protected]</a></span></div>
</div>
</div>
<div class="social_icon">
<ul>
<li><a href="#"><img src="images/fb-icon.png"></a></li>
<li><a href="#"><img src="images/twitter-icon.png"></a></li>
<li><a href="#"><img src="images/in-icon.png"></a></li>
<li><a href="#"><img src="images/instagram-icon.png"></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- footer section end -->
<!-- copyright section start -->
<div class="copyright_section">
<p class="copyright_text">Copyright 2020 All Right Reserved By.<a href="https://html.design"> Free html Templates</p>
</div>
<!-- copyright section end -->
<!-- Javascript files-->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/plugin.js"></script>
<!-- sidebar -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/custom.js"></script>
<!-- javascript -->
<script src="js/owl.carousel.js"></script>
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<script>
$(document).ready(function(){
$(".fancybox").fancybox({
openEffect: "none",
closeEffect: "none"
});
$(".zoom").hover(function(){
$(this).addClass('transition');
}, function(){
$(this).removeClass('transition');
});
});
</script>
<script>
function openNav() {
document.getElementById("myNav").style.width = "100%";
}
function closeNav() {
document.getElementById("myNav").style.width = "0%";
}
</script>
</body>
</html>