Files
domwportugalii/index.html
Pawel Dudzik d73d330a48 Minor changes
2024-06-05 16:06:30 +02:00

482 lines
27 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 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>Dom w Portugalii</title>
<meta name="keywords" content="Portugalia, dom, mieszkanie, willa, nieruchomości, apartamenty, wakacje, inwestycje, zakup, kupno, sprzedaż, przeprowadzka, emigracja">
<meta name="description" content="Marzysz o własnym domu w pięknej, słonecznej Portugalii? Chciałbyś budzić się codziennie przy szumie fal Atlantyku, delektować się świeżymi owocami morza i cieszyć się łagodnym klimatem przez cały rok? Jesteś we właściwym miejscu!">
<meta name="author" content="release11 sp. z o.o.">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" 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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body class="main-layout">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="#"/></div>
</div>
<!-- end loader -->
<!-- header -->
<header class="full_bg">
<!-- header inner -->
<div class="header">
<div class="header_top">
<div class="container">
<div class="row">
<div class="col-md-3">
<ul class="contat_infoma">
<li><i class="fa fa-phone" aria-hidden="true"></i> Zadzwoń : +48 512 465 486</li>
</ul>
</div>
<div class="col-md-6">
</div>
<div class="col-md-3">
<ul class="contat_infoma text_align_right">
<li><a href="Javascript:void(0)"> <i class="fa fa-phone" aria-hidden="true"></i> demo@gmail.com</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="header_bottom">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col logo_section">
<div class="full">
<div class="center-desk">
<div class="logo">
<a href="index.html">Dom&nbsp;w&nbsp;Portugalii</a>
</div>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
<nav class="navigation navbar navbar-expand-md navbar-dark ">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample04">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="project.html">project</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Kontakt</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end header inner -->
<!-- end header -->
<!-- banner -->
<section class="banner_main">
<div id="myCarousel" class="carousel slide banner" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="carousel-caption banner_po">
<div class="row">
<div class="col-md-9">
<div class="build_box">
<h1>Zamieszkaj w Portugalii</h1>
<p>Marzysz o własnym domu w pięknej, słonecznej Portugalii? Chcesz budzić się codziennie przy szumie fal Atlantyku, delektować się świeżymi owocami morza i cieszyć się łagodnym klimatem przez cały rok? Jesteś we właściwym miejscu!</p>
<a class="read_more conatct_btn" href="contact.html" role="button">Kontakt</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="carousel-caption banner_po">
<div class="row">
<div class="col-md-9">
<div class="build_box">
<h1>Zakup nieruchomości</h1>
<p>Nasza strona "Dom w Portugalii" powstała, aby pomóc Ci spełnić marzenia. Oferujemy kompleksową pomoc w zakupie nieruchomości - od malowniczych domków na wybrzeżu, przez luksusowe wille w Algarve, aż po urokliwe mieszkania w tętniących życiem miastach.</p>
<a class="read_more conatct_btn" href="contact.html" role="button">Kontakt</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</section>
</header>
<!-- end banner -->
<!-- three_box -->
<div class="three_box">
<div class="container">
<div class="row">
<div class="col-md-3">
<div id="text_hover" class="const text_align_center">
<i><img src="images/ser1.png" alt="#"/></i>
<span>doświadczenie i wiedza</span>
</div>
</div>
<div class="col-md-3">
<div id="text_hover" class="const text_align_center">
<i><img src="images/ser2.png" alt="#"/></i>
<span>indywidualne podejście</span>
</div>
</div>
<div class="col-md-3">
<div id="text_hover" class="const text_align_center">
<i><img src="images/ser3.png" alt="#"/></i>
<span>wsparcie od a do z</span>
</div>
</div>
<div class="col-md-3">
<div id="text_hover" class="const text_align_center">
<i><img src="images/ser3.png" alt="#"/></i>
<span>lokalna sieć kontaktów</span>
</div>
</div>
</div>
</div>
</div>
<!-- end three_box -->
<!-- about -->
<div class="about">
<div class="container-fluid">
<div class="row d_flex">
<div class="col-md-7">
<div class="titlepage">
<h2>About Our Company</h2>
<span>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomisedThere are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</span>
<a class="read_more" href="Javascript:void(0)"> Read More</a>
</div>
</div>
<div class="col-md-5">
<div class="about_img">
<figure><img src="images/about.png" alt="#"/></figure>
</div>
</div>
</div>
</div>
</div>
<!-- end about -->
<!-- projects -->
<div class="projects">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="titlepage">
<h2>Our Features Projects</h2>
<span>It is a long established fact that a reader will be distracted by the readable</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="proj" class="carousel slide projects_ban" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#proj" data-slide-to="0" class="active"></li>
<li data-target="#proj" data-slide-to="1"></li>
<li data-target="#proj" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container-fluid">
<div class="carousel-caption relative3">
<div class="row">
<div class="col-md-4">
<div class="project">
<div class="project_img">
<figure><img src="images/project_img.png" alt="#"/></figure>
</div>
<div id="pro_ho" class="project_text">
<h3>Reader will be<br> distracted by the readable</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="project">
<div class="project_img">
<figure><img src="images/project_img1.png" alt="#"/></figure>
</div>
<div id="pro_ho" class="project_text">
<h3>Reader will be<br> distracted by the readable</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="project">
<div class="project_img">
<figure><img src="images/project_img2.png" alt="#"/></figure>
</div>
<div id="pro_ho" class="project_text">
<h3>Reader will be<br> distracted by the readable</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid">
<div class="carousel-caption relative3">
<div class="row">
<div class="col-md-4">
<div class="project">
<div class="project_img">
<figure><img src="images/project_img.png" alt="#"/></figure>
</div>
<div id="pro_ho" class="project_text">
<h3>Reader will be<br> distracted by the readable</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="project">
<div class="project_img">
<figure><img src="images/project_img2.png" alt="#"/></figure>
</div>
<div id="pro_ho" class="project_text">
<h3>Reader will be<br> distracted by the readable</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="project">
<div class="project_img">
<figure><img src="images/project_img1.png" alt="#"/></figure>
</div>
<div id="pro_ho" class="project_text">
<h3>Reader will be<br> distracted by the readable</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid">
<div class="carousel-caption relative3">
<div class="row">
<div class="col-md-4">
<div class="project">
<div class="project_img">
<figure><img src="images/project_img2.png" alt="#"/></figure>
</div>
<div id="pro_ho" class="project_text">
<h3>Reader will be<br> distracted by the readable</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="project">
<div class="project_img">
<figure><img src="images/project_img.png" alt="#"/></figure>
</div>
<div id="pro_ho" class="project_text">
<h3>Reader will be<br> distracted by the readable</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="project">
<div class="project_img">
<figure><img src="images/project_img1.png" alt="#"/></figure>
</div>
<div id="pro_ho" class="project_text">
<h3>Reader will be<br> distracted by the readable</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#proj" role="button" data-slide="prev">
<i class="fa fa-arrow-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#proj" role="button" data-slide="next">
<i class="fa fa-arrow-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end projects -->
<!-- choose -->
<div class="choose">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-7 ">
<div class="titlepage">
<h2>Why Choose Us</h2>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomisedThere are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomisedThere are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
<div class="award">
<div id="awa_ho" class="award_icon text_align_center">
<i><img src="images/ch1.png" alt="#"/>
</i>
<strong>client satisfaction</strong>
</div>
<div id="awa_ho" class="award_icon text_align_center">
<i><img src="images/ch2.png" alt="#"/></i>
<strong>award</strong>
</div>
<div id="awa_ho" class="award_icon text_align_center">
<i><img src="images/ch3.png" alt="#"/></i>
<strong>Trustable</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end choose -->
<!-- contact -->
<div class="contact">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="titlepage">
<h2>Contact Us</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 padding_right0">
<form id="request" class="main_form">
<div class="row">
<div class="col-md-12 ">
<input class="contactus" placeholder="Name" type="type" name="Name">
</div>
<div class="col-md-12">
<input class="contactus" placeholder="Phone" type="type" name="Phone">
</div>
<div class="col-md-12">
<input class="contactus" placeholder="Email" type="type" name="Email">
</div>
<div class="col-md-12">
<textarea class="textarea" placeholder="Message" type="type" Message="Name">Message</textarea>
</div>
<div class="col-md-12">
<button class="send_btn">Send</button>
</div>
</div>
</form>
</div>
<div class="col-md-6 padding_left0">
<div class="map_main">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&amp;q=Eiffel+Tower+Paris+France" width="600" height="463" frameborder="0" style="border:0; width: 100%;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end contact -->
<!-- footer -->
<footer>
<div class="footer">
<div class="container">
<div class="row">
<div class=" col-lg-3 col-md-6">
<a class="logo_bottom"><img src="images/logo_bottom.png" alt="#"/></a>
<p class="many">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humou
</p>
</div>
<div class="col-lg-2 offset-lg-1 col-md-6">
<h3>QUICK LINKS</h3>
<ul class="link_menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html"> About</a></li>
<li><a href="project.html">Projects</a></li>
<li><a href="staff.html">Staff</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<p>© 2024 All Rights Reserved. Design by <a href="https://html.design/"> Free Html Templates</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<!-- sidebar -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>