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

川长思鸟来 2024-04-01 14:23 70阅读 0赞

![在这里插入图片描述][e685fa02722b471f8148e6d9483a0af4.png]

<!doctype html>

<title>Dweller a Real Estate Category Responsive Web Template | About :: W3layouts</title>
    
    
    <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>
            
            <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>
            
        </div>
    </header>

##  Dweller  ##

<div class="nav-mid navbar-mid">
            <ul>
                <li class="nav-item">
                    <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="contact.html">Contact</a>
                </li>
            </ul>
        </div>
         
         <div class="fullwidth-overlay-menu">
            <input type="checkbox" id="view"></input>
            <div class="top-menu4-icon">
                <label for="view" class="topmenu4-expand">    
                        <div class="hamburger2">
                        <div></div>
                        <div></div>
                        <div></div>
                    </div></label>
            </div>
            <div class="expanded-menu expanded-menu-effect">
                <label for="view" class="close" title="Close">×</label>
                <nav class="menu-side-over-left">
                    <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="contact.html">Contact</a> </li>
                    </ul>
                </nav>
            </div>
        </div>
        
    </div>
        </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

![product][]

#### Peter Philip ####

Interior Designer

![product][]

#### Kellie Smith ####

Architect

<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>

### 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>
    
    
    <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">

##  Dweller  ##

<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][mail_company.com]

\+(12)-00 222  
00008

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

### Dweller ###

<!doctype html>

<title>Dweller a Real Estate Category Responsive Web Template | Home :: W3layouts</title>
    
    
    <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">

##  Dweller  ##

###### United States, CA 902 ######

###### California, 75 West Rock,     `Maple Building</h5> <ul class="banner-para"><li><span class="fa fa-share-square-o"></span> <h4>1600 sq.ft</h4></li><li><span class="fa fa-home"></span> <h4>2 Bedrooms</h4></li><li><span class="fa fa-building-o"></span> <h4>7 Rooms</h4></li><li><span class="fa fa-shower"></span> <h4>3 Bathrooms</h4></li></ul> <a href="contact.html" class="btn logo-button top-margin">Check Property</a> </div> </div>` ######

<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>

##### General   Contracting #####

<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">
                       <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>
                       
                       </div>
                     </div>
                   </div>
                  
                    <div class="col-md-4 col-sm-6">
                     <div class="single-project">
                        <img src="assets/images/7.jpg" alt="" class="img-responsive">
                       <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>
                       
                       </div>
                     </div>
                   </div>
                  
                    <div class="col-md-4 col-sm-6">
                     <div class="single-project">
                        <img src="assets/images/8.jpg" alt="" class="img-responsive"> 
                       <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>
                       
                       </div>
                     </div>
                   </div>
                  
                       <div class="col-md-4 col-sm-6">
                     <div class="single-project">
                        <img src="assets/images/9.jpg" alt="" class="img-responsive"> 
                       <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>
                       
                       </div>
                     </div>
                   </div>
                  
                    <div class="col-md-4 col-sm-6">
                     <div class="single-project">
                        <img src="assets/images/10.jpg" alt="" class="img-responsive">  
                       <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>
                       
                       </div>
                     </div>
                   </div>
                  
                    <div class="col-md-4 col-sm-6">
                     <div class="single-project">
                        <img src="assets/images/11.jpg" alt="" class="img-responsive">
                       
                       <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>
                       
                       </div>
                     </div>
                   </div>
                  
                 </div>
                 
               </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 ###

<!doctype html>

<title>Dweller a Real Estate Category Responsive Web Template | service :: W3layouts</title>
    
    
    <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">

##  Dweller  ##

<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>

![product][]

##### 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.

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

### Dweller ###

[e685fa02722b471f8148e6d9483a0af4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2cd149a3eaaf45e398d40f62cb4b39e5.png
[product]: 
[mail_company.com]: mailto:mail@company.com