响应式web实战期末大作业毕业设计源码(主页源文件)

在这里插入图片描述

<!doctype html>

<title>Dweller a Real Estate Category Responsive Web Template | About :: W3layouts</title>

<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">
            <div class="d-grid grid-header">
                <div class="address ">
                    <ul>
                        <li>
                            <h6 class="address-txt">Get in Touch</h6>
                        </li>
                        <li><p class="para">California, 75 West Rock</p></li>
                    </ul>
                </div>
                <div class="address">
                    <ul>
                        <li>
                            <h6 class="address-txt">Email us at</h6>
                        </li>
                        <li> <a href="mailto:mail@estate.com">mail@estate.com</a> </li>

                    </ul>
                </div>

                <div class="address">
                    <ul>
                        <li>
                            <h6 class="address-txt">Call us today</h6>
                        </li>
                        <li><a href="tel:+404 11-22-89"> +(12)-00 222 00008</a></li>
                    </ul>
                </div>
                <div class="top-menu4-left d-grid align-items-menu4">

                    <div class="nav-item" title="Search"><a href="#search" class="btn search-search"><span
                                class="fa fa-search mr-2" aria-hidden="true"></span>Find property </a></div>
                </div>
            </div>
        <!-- search popup -->
        <div id="search" class="pop-overlay">
            <div class="popup">
                <h3>Find Your Property
                </h3>
                <form action="#" method="post" >
                    <div class="search-here book-form">
                        <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                            Choose Location
                           </option>
                           <option value="category2">Xtreme 200R</option>
                           <option value="category1">Tornado400</option>
                           <option value="category3">Royal Gt 650</option>
                           <option value="category3">Tvs Dazz</option>
                           <option value="category3">Dominator</option>
                           <option value="category3">Benelli 400</option>
                           <option value="category3">SuZuki Burgman</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                             Property type
                           </option>
                           <option value="category2">House</option>
                           <option value="category1">Lot</option>
                           <option value="category3">Apartment</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                              Min Beds
                           </option>
                           <option value="category2">2</option>
                           <option value="category1">3</option>
                           <option value="category3">4</option>
                           <option value="category3">5</option>
                           <option value="category3">6</option>
                           <option value="category3">7</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                             Min Baths
                           </option>
                           <option value="category2">2</option>
                           <option value="category1">3</option>
                           <option value="category3">4</option>
                           <option value="category3">5</option>
                           <option value="category3">6</option>
                           <option value="category3">7</option>
                        </select>
                     </div>
                    </div>
                    <div class="search-below book-form">
                        <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                  Min Price
                               </option>
                               <option value="category2">200 $</option>
                               <option value="category1">300 $</option>
                               <option value="category3">400 $</option>
                               <option value="category3">500 $</option>
                               <option value="category3">600 $</option>
                               <option value="category3">700 $</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                 Max Price
                               </option>
                               <option value="category2">2000 $</option>
                               <option value="category1">3000 $</option>
                               <option value="category3">4000 $</option>
                               <option value="category3">5000 $</option>
                               <option value="category3">6000 $</option>
                               <option value="category3">7000 $</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                Min Area
                               </option>
                               <option value="category2">20 Sq Ft</option>
                               <option value="category1">30 Sq Ft</option>
                               <option value="category3">40 Sq Ft</option>
                               <option value="category3">50 Sq Ft</option>
                               <option value="category3">60 Sq Ft</option>
                               <option value="category3">70 Sq Ft</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                 Max Area
                               </option>
                               <option value="category2">200 Sq Ft</option>
                               <option value="category1">300 Sq Ft</option>
                               <option value="category3">400 Sq Ft</option>
                               <option value="category3">500 Sq Ft</option>
                               <option value="category3">600 Sq Ft</option>
                               <option value="category3">700 Sq Ft</option>
                            </select>
                         </div>
                    <div class="search-container txt-center">
                        <input type="submit" value="Search" >
                     </div>
                    </div>
                    <a class="close" href="#">×</a>
                 </form>
            </div>
        </div>
        <!-- /search popup -->
    </div>
</header>
<section class="w3l-inner-banner-main">
    <div class="about-inner ">
        <div class="container">   
                    <ul class="breadcrumbs-custom-path">
                <li class="right-side "><a href="index.html" class="">Home <span class="fa fa-angle-right" aria-hidden="true"></span></a> <p></li>
                <li class="active ">About</li>
            </ul></div>

        </div>
    </div>
</section>

About Our History

What are We

product
We are delivering high quality projects

Mollitia placeat modi explicabo voluptatum adipisci Quisquam exercit tionem praesentium suscipit.unde Dicta, provident! Rem adipisci Mollitia placeat modi explicabo voluptatum corporis unde? Dicta, provident Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ducimus tenetur in distinctio laudantium quaerat harum.

                </p>
                <div class="about-resume">
					<p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">general Contract</a></p>
					<p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">project planning</a></p>
					<p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">refurbishment</a>
                    </p>
                    <p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">comunication</a></p>
					<p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">Architect</a></p>
                    <p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">Best Team</a></p>
					<p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">Full Project</a></p>
					<p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">interior design</a></p>
					<p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">Efficient Building</a></p>
					<p class="para"><span class="fa fa-angle-right" aria-hidden="true"></span><a href="#page">Financial Results</a></p>

					<p></p>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>

Buy and Sell Awesome Property

		<div class="details-details">
			<div class="my-bar-grids">
				<h4>Construction<span> 80% </span></h4>

				<div class="progress">
					<div class="progress-bar progress-bar-striped bg-color" role="progressbar" style="width: 80% ;height:.3rem;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" div="">
					</div>
				</div>
			</div>
			<div class="my-bar-grids">
				<h4>Interior Design<span> 60% </span></h4>

				<div class="progress">
					<div class="progress-bar progress-bar-striped bg-color" role="progressbar" style="width: 60% ;height:.3rem;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" div="">
					</div>
				</div>
			</div>
			<div class="my-bar-grids">
				<h4>Architecture<span> 70% </span></h4>

				<div class="progress">
					<div class="progress-bar progress-bar-striped bg-color" role="progressbar" style="width: 70% ;height:.3rem;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" div="">
					</div>
				</div>
			</div>
			<div class="my-bar-grids">
				<h4>Architect <span> 60% </span></h4>

				<div class="progress">
					<div class="progress-bar progress-bar-striped bg-color" role="progressbar" style="width: 60% ;height:.3rem;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" div="">
					</div>
				</div>
			</div>
		</div>
</div>
<div class="col-lg-6 ">
	<img src="assets/images/3.jpg" alt="product" class="img-responsive about-me">
</div>
250+
Clients

Amet consectetur adipisicing elit dolores quos, nobis.

170+
Coffee

Amet consectetur adipisicing elit dolores quos, nobis.

160+
Happy

Amet consectetur adipisicing elit dolores quos, nobis.

Our Talented Agents

Our Agents

			<div class="col-md-4 col-sm-6">
			  <div class="our-team">
				<a href="#page">
				<img src="assets/images/t3.jpg" alt="product" class="img-responsive"><div class="team-content">
				  <h3 class="name"><a href="#page">Jean Scott</a></h3>
				  <span class="post"><a href="#page">Comunications</a></span>
				  </a>
				</div>
			  </div>
			</div>
		  </div>
	</div>
</div>
<!-- /team-grids -->

Dweller

						<p>Adipisicing elit. Lauda ntium, archi tecto iure Lorem incidunt iosam qui quo moll itia veniam recus andae archi tecto earum suscipit exce pturi dicta nemo quam.</p>

					</div>
					<div class="sub-two-right col-lg-3 col-md-3 col-sm-6">
						<h6 class="">Helpful links</h6>
						<div class="footer-footer-ul">
						<ul>
								<li class=""><a href="index.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span>Home</a></li>
								<li class=""><a href="about.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span>About</a></li>
								<li class=""><a href="contact.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span> Contact</a></li>
						</ul>
					   </div>
					</div>
					<div class="sub-two-right col-lg-4 col-md-4 col-sm-6">
						<h6 class="">Contact Us</h6>
						<div class="column2">
							<div class="href1"><span>E-mail:</span><a href="mailto:mail@company.com">mail@company.com</a>
							</div>
							<div class="href2"><span>Phone:</span><a href="tel:+(12)-00 222 00008">+(12)-00 222 00008</a>
							</div>
							<div>
								<p class="contact-para">California, 75 West Rock,
									Maple Building.</p>
							</div>
						</div>
					</div>
				</div>
</div>
<div class="below-section">
	<div class="container">
		<div class="columns copy-right text-center ">
			<p>更多网页模板请关注酸奶公园QQ3095563063<a target="_blank" href="https://space.bilibili.com/403506760?spm_id_from=333.1007.0.0">酸奶公园</a>
					</p>
		</div>
	</div>
</div>
</div>

<!doctype html>

<title>Dweller a Real Estate Category Responsive Web Template | Contact :: W3layouts</title>

<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">
            <div class="d-grid grid-header">
                <div class="address ">
                    <ul>
                        <li>
                            <h6 class="address-txt">Get in Touch</h6>
                        </li>
                        <li><p class="para">California, 75 West Rock</p></li>
                    </ul>
                </div>
                <div class="address">
                    <ul>
                        <li>
                            <h6 class="address-txt">Email us at</h6>
                        </li>
                        <li> <a href="mailto:mail@estate.com">mail@estate.com</a> </li>

                    </ul>
                </div>

                <div class="address">
                    <ul>
                        <li>
                            <h6 class="address-txt">Call us today</h6>
                        </li>
                        <li><a href="tel:+404 11-22-89"> +(12)-00 222 00008</a></li>
                    </ul>
                </div>
                <div class="top-menu4-left d-grid align-items-menu4">

                    <div class="nav-item" title="Search"><a href="#search" class="btn search-search"><span
                                class="fa fa-search mr-2" aria-hidden="true"></span>Find property </a></div>
                </div>
            </div>
        <!-- search popup -->
        <div id="search" class="pop-overlay">
            <div class="popup">
                <h3>Find Your Property
                </h3>
                <form action="#" method="post" >
                    <div class="search-here book-form">
                        <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                            Choose Location
                           </option>
                           <option value="category2">Xtreme 200R</option>
                           <option value="category1">Tornado400</option>
                           <option value="category3">Royal Gt 650</option>
                           <option value="category3">Tvs Dazz</option>
                           <option value="category3">Dominator</option>
                           <option value="category3">Benelli 400</option>
                           <option value="category3">SuZuki Burgman</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                             Property type
                           </option>
                           <option value="category2">House</option>
                           <option value="category1">Lot</option>
                           <option value="category3">Apartment</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                              Min Beds
                           </option>
                           <option value="category2">2</option>
                           <option value="category1">3</option>
                           <option value="category3">4</option>
                           <option value="category3">5</option>
                           <option value="category3">6</option>
                           <option value="category3">7</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                             Min Baths
                           </option>
                           <option value="category2">2</option>
                           <option value="category1">3</option>
                           <option value="category3">4</option>
                           <option value="category3">5</option>
                           <option value="category3">6</option>
                           <option value="category3">7</option>
                        </select>
                     </div>
                    </div>
                    <div class="search-below book-form">
                        <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                  Min Price
                               </option>
                               <option value="category2">200 $</option>
                               <option value="category1">300 $</option>
                               <option value="category3">400 $</option>
                               <option value="category3">500 $</option>
                               <option value="category3">600 $</option>
                               <option value="category3">700 $</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                 Max Price
                               </option>
                               <option value="category2">2000 $</option>
                               <option value="category1">3000 $</option>
                               <option value="category3">4000 $</option>
                               <option value="category3">5000 $</option>
                               <option value="category3">6000 $</option>
                               <option value="category3">7000 $</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                Min Area
                               </option>
                               <option value="category2">20 Sq Ft</option>
                               <option value="category1">30 Sq Ft</option>
                               <option value="category3">40 Sq Ft</option>
                               <option value="category3">50 Sq Ft</option>
                               <option value="category3">60 Sq Ft</option>
                               <option value="category3">70 Sq Ft</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                 Max Area
                               </option>
                               <option value="category2">200 Sq Ft</option>
                               <option value="category1">300 Sq Ft</option>
                               <option value="category3">400 Sq Ft</option>
                               <option value="category3">500 Sq Ft</option>
                               <option value="category3">600 Sq Ft</option>
                               <option value="category3">700 Sq Ft</option>
                            </select>
                         </div>
                    <div class="search-container txt-center">
                        <input type="submit" value="Search" >
                     </div>
                    </div>
                    <a class="close" href="#">×</a>
                 </form>
            </div>
        </div>
        <!-- /search popup -->
    </div>
</header>
<section class="w3l-inner-banner-main">
    <div class="about-inner ">
        <div class="container">        
                    <ul class="breadcrumbs-custom-path">
                <li class="right-side "><a href="index.html" class="">Home <span class="fa fa-angle-right" aria-hidden="true"></span></a> <p></li>
                <li class="active ">Contact</li>
            </ul></div>

        </div>
    </div>
</section>
    </div>
    <div class="container">
        <div class="main-titles-head text-center mt-5">
            <h3 class="header-name ">
                Send Us a Message
            </h3>
            <p class="tiltle-para ">Get in Touch</p>
        </div>
        <div class="row">
            <div class=" col-lg-7 col-md-6 back-color">
                    <form method="post" class="w3layouts-contact-fm"
                        action="#">

                        <div class="form-group input-gap ">
                            <input class="form-control" type="text" name="w3lName" id="w3lName"
                                placeholder="First Name" required>
                        </div>
                        <div class="form-group input-gap ">
                            <input class="form-control" type="text" name="w3lName" id="w3lName"
                                placeholder="Last Name" required>
                        </div>
                        <div class="form-group input-gap ">
                            <input class="form-control" type="email" name="w3lSender" id="w3lSender"
                                placeholder="Email" required>
                        </div>

                        <div class="form-group ">
                            <textarea class="form-control" name="w3lMessage" id="w3lMessage"
                                placeholder="Write Message" required></textarea>
                        </div>

                        <div class="form-group-2">
                            <button type="submit" class="btn action-button mt-3">Send Now</button>
                        </div>
                </form>

            </div>
            <div class="col-lg-5 col-md-6 cont-details ">
                <h5 class="contact-para">

About Company

Amet consectetur Lorem ipsum dolor sit, adipisicing elit. Amet, placeat libero aperiam, sed dolores perspiciatis, iste praesentium
soluta impedit exercitationem ratione rem doloribus nesciunt unde! Eveniet consequuntur neque iusto sed



California, 75 West Rock,


Maple Building



mail@company.com


+(12)-00 222
00008





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

Dweller

						<p>Adipisicing elit. Lauda ntium, archi tecto iure Lorem incidunt iosam qui quo moll itia veniam recus andae archi tecto earum suscipit exce pturi dicta nemo quam.</p>

					</div>
					<div class="sub-two-right col-lg-3 col-md-3 col-sm-6">
						<h6 class="">Helpful links</h6>
						<div class="footer-footer-ul">
						<ul>
								<li class=""><a href="index.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span>Home</a></li>
								<li class=""><a href="about.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span>About</a></li>
								<li class=""><a href="contact.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span> Contact</a></li>
						</ul>
					   </div>
					</div>
					<div class="sub-two-right col-lg-4 col-md-4 col-sm-6">
						<h6 class="">Contact Us</h6>
						<div class="column2">
							<div class="href1"><span>E-mail:</span><a href="mailto:mail@company.com">mail@company.com</a>
							</div>
							<div class="href2"><span>Phone:</span><a href="tel:+(12)-00 222 00008">+(12)-00 222 00008</a>
							</div>
							<div>
								<p class="contact-para">California, 75 West Rock,
									Maple Building.</p>
							</div>
						</div>
					</div>
				</div>
</div>
<div class="below-section">
	<div class="container">
		<div class="columns copy-right text-center ">
			<p>更多网页模板请关注酸奶公园QQ3095563063<a target="_blank" href="https://space.bilibili.com/403506760?spm_id_from=333.1007.0.0">酸奶公园</a>
					</p>
		</div>
	</div>
</div>
</div>

<!doctype html>

<title>Dweller a Real Estate Category Responsive Web Template | Home :: W3layouts</title>

<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">
            <div class="d-grid grid-header">
                <div class="address ">
                    <ul>
                        <li>
                            <h6 class="address-txt">Get in Touch</h6>
                        </li>
                        <li><p class="para">California, 75 West Rock</p></li>
                    </ul>
                </div>
                <div class="address">
                    <ul>
                        <li>
                            <h6 class="address-txt">Email us at</h6>
                        </li>
                        <li> <a href="mailto:mail@estate.com">mail@estate.com</a> </li>

                    </ul>
                </div>

                <div class="address">
                    <ul>
                        <li>
                            <h6 class="address-txt">Call us today</h6>
                        </li>
                        <li><a href="tel:+404 11-22-89"> +(12)-00 222 00008</a></li>
                    </ul>
                </div>
                <div class="top-menu4-left d-grid align-items-menu4">

                    <div class="nav-item" title="Search"><a href="#search" class="btn search-search"><span
                                class="fa fa-search mr-2" aria-hidden="true"></span>Find property </a></div>
                </div>
            </div>
        <!-- search popup -->
        <div id="search" class="pop-overlay">
            <div class="popup">
                <h3>Find Your Property
                </h3>
                <form action="#" method="post" >
                    <div class="search-here book-form">
                        <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                            Choose Location
                           </option>
                           <option value="category2">Xtreme 200R</option>
                           <option value="category1">Tornado400</option>
                           <option value="category3">Royal Gt 650</option>
                           <option value="category3">Tvs Dazz</option>
                           <option value="category3">Dominator</option>
                           <option value="category3">Benelli 400</option>
                           <option value="category3">SuZuki Burgman</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                             Property type
                           </option>
                           <option value="category2">House</option>
                           <option value="category1">Lot</option>
                           <option value="category3">Apartment</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                              Min Beds
                           </option>
                           <option value="category2">2</option>
                           <option value="category1">3</option>
                           <option value="category3">4</option>
                           <option value="category3">5</option>
                           <option value="category3">6</option>
                           <option value="category3">7</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                             Min Baths
                           </option>
                           <option value="category2">2</option>
                           <option value="category1">3</option>
                           <option value="category3">4</option>
                           <option value="category3">5</option>
                           <option value="category3">6</option>
                           <option value="category3">7</option>
                        </select>
                     </div>
                    </div>
                    <div class="search-below book-form">
                        <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                  Min Price
                               </option>
                               <option value="category2">200 $</option>
                               <option value="category1">300 $</option>
                               <option value="category3">400 $</option>
                               <option value="category3">500 $</option>
                               <option value="category3">600 $</option>
                               <option value="category3">700 $</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                 Max Price
                               </option>
                               <option value="category2">2000 $</option>
                               <option value="category1">3000 $</option>
                               <option value="category3">4000 $</option>
                               <option value="category3">5000 $</option>
                               <option value="category3">6000 $</option>
                               <option value="category3">7000 $</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                Min Area
                               </option>
                               <option value="category2">20 Sq Ft</option>
                               <option value="category1">30 Sq Ft</option>
                               <option value="category3">40 Sq Ft</option>
                               <option value="category3">50 Sq Ft</option>
                               <option value="category3">60 Sq Ft</option>
                               <option value="category3">70 Sq Ft</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                 Max Area
                               </option>
                               <option value="category2">200 Sq Ft</option>
                               <option value="category1">300 Sq Ft</option>
                               <option value="category3">400 Sq Ft</option>
                               <option value="category3">500 Sq Ft</option>
                               <option value="category3">600 Sq Ft</option>
                               <option value="category3">700 Sq Ft</option>
                            </select>
                         </div>
                    <div class="search-container txt-center">
                        <input type="submit" value="Search" >
                     </div>
                    </div>
                    <a class="close" href="#">×</a>
                 </form>
            </div>
        </div>
        <!-- /search popup -->
    </div>
</header>
<div class="team-single-main ">
	<div class="container">
		<div class=" grid grid-column-2 row">
			<div class="column1 image-back col-lg-6 header11" data-selector="header11">
				<img src="assets/images/4.jpg" alt="" class="img-responsive">
			</div>
			<div class="column2 image-text col-lg-6">
				<h3 class="team-head ">Search Property From Any where</h3>
				<p class="para  text ">
					Mollitia placeat modi explicabo voluptatum corporis unde Dicta, provident!
					Rem adipisci Mollitia placeat modi explicabo voluptatum corporis unde? Dicta, provident!
					Rem adipisci consectetur adipisicing elit. Deleniti possimus culpa nemo asperiores aperiam
					mollitia, maiores fugiat tempor Vero est.</p>
					<a href="about.html" class="action-button btn mt-4">Read more</a>
			</div>
		</div>
	</div>
</div>
                        <span class="fa fa-users"></span>
                        <h4><a href="about.html" class=" ">Best Team</a></h4>
                        <p class="para ">Assumenda temporibus quidem ipsam. Voluptate fuga corporis iusto similique voluptates sint quibusdam.</p>
                    </div>

                        <div class="column display-column col-lg-6 col-md-6 col-sm-6">
                            <div class="column-five ">
                            <h3><a href="about.html" class=" ">Full project
                                management</a></h3>
                            <p class="para ">Assu menda tempo ribus quidem ipsam. Voluptate fuga corporis iusto simi lique volup tates sint quib usdam assu menda temp oribus quidem ipsam. Voluptate fuga corporis iusto similique.</p>
                            <a href="about.html" class="action-button btn mt-4">Read more</a>
                        </div>

                        </div>
                        <div class="column col-lg-6 col-md-6 col-sm-6 back-three  p-0">

                        </div>
                </div>
            </div>
    </div>
</div>
Efficient Building

Cumque asperiores ab quasi laboriosam omnis tempo recons ectetur elit.optio illum officiis itaque soluta impedit

Financial Results

Cumque asperiores ab quasi laboriosam omnis tempor econs ectetur elit.optio illum officiis itaque soluta impedit

General Contracting

Cumque asperiores ab quasi laboriosam omnis tempo recons ectetur elit.optio illum officiis itaque soluta impedit

Interior Design

Cumque asperiores ab quasi laboriosam omnis tempo recons ectetur elit.optio illum officiis itaque soluta impedit

Most Popular Places

Properties In Most Popular Places

                <div class="col-md-4 col-sm-6">
                 <div class="single-project">
                    <img src="assets/images/6.jpg" alt="" class="img-responsive"><!-- Box -->
                   <div class="box">
                     <div class="box-content">
                       <div class="box-text">
                         <h2> Australia</h2>
                         <p>Duis aute irure dolor in repreh enderit in voluptate</p>

                       </div>
                     </div>
                   <!--End box-content -->
                   </div>
                 </div>
               </div>
              <!--end col-->
                <div class="col-md-4 col-sm-6">
                 <div class="single-project">
                    <img src="assets/images/7.jpg" alt="" class="img-responsive"><!-- Box -->
                   <div class="box">
                     <div class="box-content">
                       <div class="box-text">
                         <h2>Haiti</h2>
                         <p>Duis aute irure dolor in repreh enderit in voluptate</p>
                       </div>
                     </div>
                   <!--End box-content -->
                   </div>
                 </div>
               </div>
              <!--end col-->
                <div class="col-md-4 col-sm-6">
                 <div class="single-project">
                    <img src="assets/images/8.jpg" alt="" class="img-responsive"> <!-- Box -->
                   <div class="box">
                     <div class="box-content">
                       <div class="box-text">
                         <h2> Guinea</h2>
                         <p>Duis aute irure dolor in repreh enderit in voluptate</p>
                       </div>
                     </div>
                   <!--End box-content -->
                   </div>
                 </div>
               </div>
              <!--end col-->
                   <div class="col-md-4 col-sm-6">
                 <div class="single-project">
                    <img src="assets/images/9.jpg" alt="" class="img-responsive"> <!-- Box -->
                   <div class="box">
                     <div class="box-content">
                       <div class="box-text">
                         <h2>Qatar</h2>
                         <p>Duis aute irure dolor in repreh enderit in voluptate</p>
                       </div>
                     </div>
                   <!--End box-content -->
                   </div>
                 </div>
               </div>
              <!--end col-->
                <div class="col-md-4 col-sm-6">
                 <div class="single-project">
                    <img src="assets/images/10.jpg" alt="" class="img-responsive">  <!-- Box -->
                   <div class="box">
                     <div class="box-content">
                       <div class="box-text">
                         <h2>Romania</h2>
                         <p>Duis aute irure dolor in repreh enderit in voluptate</p>
                       </div>
                     </div>
                   <!--End box-content -->
                   </div>
                 </div>
               </div>
              <!--end col-->
                <div class="col-md-4 col-sm-6">
                 <div class="single-project">
                    <img src="assets/images/11.jpg" alt="" class="img-responsive">
                   <!-- Box -->
                   <div class="box">
                     <div class="box-content">
                       <div class="box-text">
                         <h2>Jamaica</h2>
                         <p>Duis aute irure dolor in repreh enderit in voluptate</p>
                       </div>
                     </div>
                   <!--End box-content -->
                   </div>
                 </div>
               </div>
              <!--end col-->
             </div>
             <!-- End row-->
           </div>
        </div>
    </div>
</section>

Consectetur adipis icing Lorem ipsum dolor sit amet,elit, sed do eiusmod tempor incididunt adipis icing Lorem ipsum.

product
Jack Willson
Rented Apartment

Consectetur adipisicing Lorem ipsum dolor sit amet,elit, sed do eiusmod tempor incididunt adipi sicing Lorem ipsum.

product
Lily maxson
Bought House

Consectetur adipisicing Lorem ipsum dolor sit amet,elit, sed do eiusmod tempor incididunt adipis icing Lorem ipsum.

product
Nike samson
Sold Apartment

Dweller

						<p>Adipisicing elit. Lauda ntium, archi tecto iure Lorem incidunt iosam qui quo moll itia veniam recus andae archi tecto earum suscipit exce pturi dicta nemo quam.</p>

					</div>
					<div class="sub-two-right col-lg-3 col-md-3 col-sm-6">
						<h6 class="">Helpful links</h6>
						<div class="footer-footer-ul">
						<ul>
								<li class=""><a href="index.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span>Home</a></li>
								<li class=""><a href="about.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span>About</a></li>
								<li class=""><a href="contact.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span> Contact</a></li>
						</ul>
					   </div>
					</div>
					<div class="sub-two-right col-lg-4 col-md-4 col-sm-6">
						<h6 class="">Contact Us</h6>
						<div class="column2">
							<div class="href1"><span>E-mail:</span><a href="mailto:mail@company.com">mail@company.com</a>
							</div>
							<div class="href2"><span>Phone:</span><a href="tel:+(12)-00 222 00008">+(12)-00 222 00008</a>
							</div>
							<div>
								<p class="contact-para">California, 75 West Rock,
									Maple Building.</p>
							</div>
						</div>
					</div>
				</div>
</div>
<div class="below-section">
	<div class="container">
		<div class="columns copy-right text-center ">
			<p>更多网页模板请关注酸奶公园QQ3095563063<a target="_blank" href="https://space.bilibili.com/403506760?spm_id_from=333.1007.0.0">酸奶公园</a>
					</p>
		</div>
	</div>
</div>
</div>

<!doctype html>

<title>Dweller a Real Estate Category Responsive Web Template | service :: W3layouts</title>

<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">
            <div class="d-grid grid-header">
                <div class="address ">
                    <ul>
                        <li>
                            <h6 class="address-txt">Get in Touch</h6>
                        </li>
                        <li><p class="para">California, 75 West Rock</p></li>
                    </ul>
                </div>
                <div class="address">
                    <ul>
                        <li>
                            <h6 class="address-txt">Email us at</h6>
                        </li>
                        <li> <a href="mailto:mail@estate.com">mail@estate.com</a> </li>

                    </ul>
                </div>

                <div class="address">
                    <ul>
                        <li>
                            <h6 class="address-txt">Call us today</h6>
                        </li>
                        <li><a href="tel:+404 11-22-89"> +(12)-00 222 00008</a></li>
                    </ul>
                </div>
                <div class="top-menu4-left d-grid align-items-menu4">

                    <div class="nav-item" title="Search"><a href="#search" class="btn search-search"><span
                                class="fa fa-search mr-2" aria-hidden="true"></span>Find property </a></div>
                </div>
            </div>
        <!-- search popup -->
        <div id="search" class="pop-overlay">
            <div class="popup">
                <h3>Find Your Property
                </h3>
                <form action="#" method="post" >
                    <div class="search-here book-form">
                        <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                            Choose Location
                           </option>
                           <option value="category2">Xtreme 200R</option>
                           <option value="category1">Tornado400</option>
                           <option value="category3">Royal Gt 650</option>
                           <option value="category3">Tvs Dazz</option>
                           <option value="category3">Dominator</option>
                           <option value="category3">Benelli 400</option>
                           <option value="category3">SuZuki Burgman</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                             Property type
                           </option>
                           <option value="category2">House</option>
                           <option value="category1">Lot</option>
                           <option value="category3">Apartment</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                              Min Beds
                           </option>
                           <option value="category2">2</option>
                           <option value="category1">3</option>
                           <option value="category3">4</option>
                           <option value="category3">5</option>
                           <option value="category3">6</option>
                           <option value="category3">7</option>
                        </select>
                     </div>
                     <div class="form-right-to-w3ls">
                        <select class="form-control country-buttom" required="">
                           <option value="">
                             Min Baths
                           </option>
                           <option value="category2">2</option>
                           <option value="category1">3</option>
                           <option value="category3">4</option>
                           <option value="category3">5</option>
                           <option value="category3">6</option>
                           <option value="category3">7</option>
                        </select>
                     </div>
                    </div>
                    <div class="search-below book-form">
                        <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                  Min Price
                               </option>
                               <option value="category2">200 $</option>
                               <option value="category1">300 $</option>
                               <option value="category3">400 $</option>
                               <option value="category3">500 $</option>
                               <option value="category3">600 $</option>
                               <option value="category3">700 $</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                 Max Price
                               </option>
                               <option value="category2">2000 $</option>
                               <option value="category1">3000 $</option>
                               <option value="category3">4000 $</option>
                               <option value="category3">5000 $</option>
                               <option value="category3">6000 $</option>
                               <option value="category3">7000 $</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                Min Area
                               </option>
                               <option value="category2">20 Sq Ft</option>
                               <option value="category1">30 Sq Ft</option>
                               <option value="category3">40 Sq Ft</option>
                               <option value="category3">50 Sq Ft</option>
                               <option value="category3">60 Sq Ft</option>
                               <option value="category3">70 Sq Ft</option>
                            </select>
                         </div>
                         <div class="form-right-to-w3ls">
                            <select class="form-control country-buttom" required="">
                               <option value="">
                                 Max Area
                               </option>
                               <option value="category2">200 Sq Ft</option>
                               <option value="category1">300 Sq Ft</option>
                               <option value="category3">400 Sq Ft</option>
                               <option value="category3">500 Sq Ft</option>
                               <option value="category3">600 Sq Ft</option>
                               <option value="category3">700 Sq Ft</option>
                            </select>
                         </div>
                    <div class="search-container txt-center">
                        <input type="submit" value="Search" >
                     </div>
                    </div>
                    <a class="close" href="#">×</a>
                 </form>
            </div>
        </div>
        <!-- /search popup -->
    </div>
</header>
<section class="w3l-inner-banner-main">
    <div class="about-inner ">
        <div class="container">     
                    <ul class="breadcrumbs-custom-path">
                <li class="right-side "><a href="index.html" class="">Home <span class="fa fa-angle-right" aria-hidden="true"></span></a> <p></li>
                <li class="active ">Service</li>
            </ul></div>

        </div>
    </div>
</section>

Our Service

Best features for you

product
Dedicated to results

Sit amet consect etur adipi sicing elit. Rem quib usdam corporis, dolores quos, nobis culpa est praes entium ipsum

                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 about-line-top">
             <img src="assets/images/4.jpg" alt="product" class="img-responsive about-me">
                <div class="about-grids  ">
                    <h4><a href="#page" class="">Beyond the sale</a></h4>
                    <p class="para ">Sit amet consect etur adipi sicing elit. Rem quib usdam corporis, dolores
                        quos, nobis culpa est praes entium ipsum </p>

                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 about-line-top">
             <img src="assets/images/6.jpg" alt="product" class="img-responsive about-me">
                <div class="about-grids  ">
                    <h4><a href="#page" class="">Amazing perks</a></h4>
                    <p class="para ">Sit amet consect etur adipi sicing elit. Rem quib usdam corporis, dolores
                        quos, nobis culpa est praes entium ipsum </p>

                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 about-line-top ">
             <img src="assets/images/5.jpg" alt="product" class="img-responsive about-me">
                <div class="about-grids  ">
                    <h4><a href="#page" class="">Dedicated to results</a></h4>
                    <p class="para ">Sit amet consect etur adipi sicing elit. Rem quib usdam corporis, dolores
                        quos, nobis culpa est praes entium ipsum </p>

                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 about-line-top ">
             <img src="assets/images/9.jpg" alt="product" class="img-responsive about-me">
                <div class="about-grids ">
                    <h4><a href="#page"class="">Solutions made easy</a></h4>
                    <p class="para ">Sit amet consect etur adipi sicing elit. Rem quib usdam corporis, dolores
                        quos, nobis culpa est praes entium ipsum </p>

                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 about-line-top ">
             <img src="assets/images/8.jpg" alt="product" class="img-responsive about-me">
                <div class="about-grids  ">
                    <h4><a href="#page" class="">Amazing perks</a></h4>
                    <p class="para ">Sit amet consect etur adipi sicing elit. Rem quib usdam corporis, dolores
                        quos, nobis culpa est praes entium ipsum </p>

                </div>
            </div>
        </div>
    </div>
</div>
Project Management.

Unde voluptate possimus adipisci repellendus placeat doloremque autem odit porro, laborum similique vero consequatur, quis minima eveniet Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus blanditiis eveniet consequatur quaerat at porro officiis ex aut repellat.

Read more
    </div>
</div>
</div>

Dweller

						<p>Adipisicing elit. Lauda ntium, archi tecto iure Lorem incidunt iosam qui quo moll itia veniam recus andae archi tecto earum suscipit exce pturi dicta nemo quam.</p>

					</div>
					<div class="sub-two-right col-lg-3 col-md-3 col-sm-6">
						<h6 class="">Helpful links</h6>
						<div class="footer-footer-ul">
						<ul>
								<li class=""><a href="index.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span>Home</a></li>
								<li class=""><a href="about.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span>About</a></li>
								<li class=""><a href="contact.html" class=""><span class="fa fa-angle-right" aria-hidden="true"></span> Contact</a></li>
						</ul>
					   </div>
					</div>
					<div class="sub-two-right col-lg-4 col-md-4 col-sm-6">
						<h6 class="">Contact Us</h6>
						<div class="column2">
							<div class="href1"><span>E-mail:</span><a href="mailto:mail@company.com">mail@company.com</a>
							</div>
							<div class="href2"><span>Phone:</span><a href="tel:+(12)-00 222 00008">+(12)-00 222 00008</a>
							</div>
							<div>
								<p class="contact-para">California, 75 West Rock,
									Maple Building.</p>
							</div>
						</div>
					</div>
				</div>
</div>
<div class="below-section">
	<div class="container">
		<div class="columns copy-right text-center ">
			<p>更多网页模板请关注酸奶公园QQ3095563063<a target="_blank" href="https://space.bilibili.com/403506760?spm_id_from=333.1007.0.0">酸奶公园</a>
					</p>
		</div>
	</div>
</div>
</div>
  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值