Skip to content

Add a roomers preferences forum #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
anudz27 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add a roomers preferences forum #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/app/app.routes.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ import { DetailComponent } from './detail/detail.component';
import { ListComponent } from './list/list.component';
import { LoginComponent } from './login/login.component';
import { PropertyComponent } from './property/property.component';

import { RoomerComponent } from './roomer/roomer.component';
export const routes: Routes = [
{path:'' ,component:HomeComponent,title:'home apge' },
{path:'about' ,component:AboutComponent,title:'about page' },
Expand All @@ -22,6 +22,6 @@ export const routes: Routes = [
{path:'detail' ,component:DetailComponent,title:'detail page' },
{path:'list' ,component:ListComponent,title:'list page' },
{path:'login' ,component:LoginComponent,title:'login page' },
{path:'property' ,component:PropertyComponent,title:'property page' }
{path:'property' ,component:PropertyComponent,title:'property page' },
{path:'roomer' ,component:RoomerComponent,title:'roomer page' }
];
2 changes: 1 addition & 1 deletion src/app/home/home.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
<li class="dropdown">
<a class="tag_menu" href="#" data-toggle="dropdown" role="button" aria-expanded="false">Blog<span class="caret"></span></a>
<ul class="dropdown-menu drop_1" role="menu">
<li><a routerLink="/blog" routerLinkActive="active" ariaCurrentWhenActive="page" >Blog</a></li>
<li><a routerLink="/roomer" routerLinkActive="active" ariaCurrentWhenActive="page" >roomer</a></li>
<li><a routerLink="/blog-detail" routerLinkActive="active" ariaCurrentWhenActive="page">Blog Detail</a></li>
</ul>
</li>
Expand Down
103 changes: 103 additions & 0 deletions src/app/roomer/roomer.component.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
.center_about{
margin-top:80px;
padding-top:80px;
padding-bottom:80px;
background: #03a9f414;
}
#prop{
padding-top:50px;
padding-bottom:50px;
background:#fafafa;
}
.submit_1 hr{
border-color:#eee;
}
.submit_1{
background:#fff;
padding:40px 40px;
margin-top:30px;
}
.submit_1 .form-control{
margin-top:15px;
height:50px;
font-size:16px;
border-radius:0;
}
.submit_1 .form_o{
height:150px;
}
.submit_1 h5{
margin-top:20px;
}
.submit_1ii .span_1 i{
color:#1ABC9C;
font-size:60px;
display:inline-block;
}
.submit_1ii h5{
color:#1ABC9C;
}
.submit_1ii{
border:2px dashed #1ABC9C;
margin-top:30px;
text-align:center;
padding:60px 60px 70px 60px;
}
.submit_2{
background:#fff;
padding:40px 40px;
margin-top:30px;
}
.submit_2i h5 .span_1{
margin-left:5px;
}
.submit_2i h5 {
display:inline-block;
margin-left:10px;
margin-right:10px;
font-size:16px;
margin-top:20px;
}
.submit_2 hr {
margin-bottom:0;
}
.submit_3{
margin-top:30px;
}
/*********************property_end****************/



@media screen and (max-width : 767px){
#prop{
text-align:center;
}
.submit_1 h5{
margin-top:15px!important;
}
}

@media (min-width:768px) and (max-width:991px) {

}
@media (min-width:992px) and (max-width:1200px) {

}
@media (min-width:1201px) and (max-width:1350px) {

}
.container{
margin-top: 50px;
}
#questionnaireForm{
margin-top: 50px;
}
.details_box{
margin-bottom: 50px;
}
.submit_button{
border-radius: 100px;
width: 100px;
height: 40px;
margin-bottom: 50px;
}
247 changes: 247 additions & 0 deletions src/app/roomer/roomer.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,247 @@
<section id="header">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><i class="fa fa-home"></i> My Home</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a class="tag_menu active_tab" routerlink="Home">Home</a>
</li>
<li class="dropdown">
<a class="tag_menu" href="#" data-toggle="dropdown" role="button" aria-expanded="false">Property<span class="caret"></span></a>
<ul class="dropdown-menu drop_1" role="menu">
<li><a routerLink="/list" routerLinkActive="active" ariaCurrentWhenActive="page">Property List</a></li>
<li><a routerLink="/detail" routerLinkActive="active" ariaCurrentWhenActive="page">Property Detail</a></li>
</ul>
</li>
<li class="dropdown">
<a class="tag_menu" href="#" data-toggle="dropdown" role="button" aria-expanded="false">Blog<span class="caret"></span></a>
<ul class="dropdown-menu drop_1" role="menu">
<li><a routerLink="/roomer" routerLinkActive="active" ariaCurrentWhenActive="page" >roomer</a></li>
<li><a routerLink="/blog-detail" routerLinkActive="active" ariaCurrentWhenActive="page">Blog Detail</a></li>
</ul>
</li>
<li class="dropdown">
<a class="tag_menu" href="#" data-toggle="dropdown" role="button" aria-expanded="false">Pages<span class="caret"></span></a>
<ul class="dropdown-menu drop_1" role="menu">
<li><a routerLink="/agent" routerLinkActive="active" ariaCurrentWhenActive="page">Agent</a></li>
<li><a routerLink="/agency" routerLinkActive="active" ariaCurrentWhenActive="page">Agency Page</a></li>
<li><a routerLink="/about" routerLinkActive="active" ariaCurrentWhenActive="page">About Us</a></li>
<li><a routerLink="/property" routerLinkActive="active" ariaCurrentWhenActive="page">Submit Property</a></li>
</ul>
</li>
<li>
<a class="tag_menu" routerLink="/contact" routerLinkActive="active" ariaCurrentWhenActive="page">Contact</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="tag_menu" routerLink="/login" routerLinkActive="active" ariaCurrentWhenActive="page">Log In / Sign Up</a>
</li>
<li>
<a class="tag_menu button_1 mgt" routerLink="/property" routerLinkActive="active" ariaCurrentWhenActive="page">Submit Property</a>
</li>
</ul>

</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
</section>
<section id="center" class="clearfix center_about">
<div class="container clearfix">
<div class="row">
<div class="center_about_1 text-center clearfix">
<div class="col-sm-12">
<h1 class="mgt">Welcome to Our Preferences Forum!</h1>
<p>Get started by answering the following questions and find your property.</p>
</div>
</div>
</div>
</div>
</section>
<section id="questionnaire">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2>House Sharing Preference Questionnaire</h2>
<form id="questionnaireForm" action="#" method="POST">
<div class="details_box">
<h4>Personal Details</h4><br>
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Enter your Name">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Enter your Email">
</div>
<div class="form-group">
<label>Gender</label>
<div class="radio">
<label><input type="radio" name="male" value="">Female</label>
</div>
<div class="radio">
<label><input type="radio" name="male" value="">Male</label>
</div>
<div class="radio">
<label><input type="radio" name="male" value="">Other</label>
</div>
</div>
<div class="form-group">
<label for="name">Birth Day</label>
<input type="date" class="form-control" id="name" name="name" placeholder="Enter your birthday">
</div>
<div class="form-group">
<label for="budget">Monthly Budget (in USD):</label>
<input type="number" class="form-control" id="budget" name="budget" placeholder="Enter monthly budget">
</div>
</div>
<div class="details_box">
<h4>Living Preferences</h4><br>

<div class="form-group">
<label for="location">Preferred Location:</label>
<input type="text" class="form-control" id="location" name="location" placeholder="Enter preferred location">
</div>
<div class="form-group">
<label form="type">Type of co-living space: </label><br>

<input type="checkbox" id="apartment" name="apartment" value="">&nbsp;
<label for="apartment">Apartment</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value=""> &nbsp;
<label for="house">House</label><br>
<div class="form-group">
<label for="amenities">Preferred Amenities:</label>
<input type="text" class="form-control" id="amenities" name="amenities" placeholder="Enter preferred amenities">
</div>
<div class="form-group">
<label for="lifestyle">Preferred Lifestyle:</label>
<textarea class="form-control" id="lifestyle" name="lifestyle" rows="3" placeholder="Describe your preferred lifestyle"></textarea>
</div>
</div>

</div>
<div class="details_box">
<h4>Roommate Preferences</h4><br>
<div class="form-group">
<label for="roommatePreferences">Roommate Preferences:</label>
<textarea class="form-control" id="roommatePreferences" name="roommatePreferences" rows="3" placeholder="Describe your preferences for roommates (if any)"></textarea>
</div>

</div>
<div class="details_box">
<h4>Lifestyle and Interests</h4><br>

<div class="form-group">
<label>Do you prefer a quiet environment?</label>
<div class="radio">
<label><input type="radio" name="quietEnvironment" value="Yes">Yes</label>
</div>
<div class="radio">
<label><input type="radio" name="quietEnvironment" value="No">No</label>
</div>
</div>
<div class="form-group">
<label>Do you prefer social gatherings and events?</label>
<div class="radio">
<label><input type="radio" name="socialGatherings" value="Yes">Yes</label>
</div>
<div class="radio">
<label><input type="radio" name="socialGatherings" value="No">No</label>
</div>
</div>
<div class="form-group">
<label>Do you have any dietary restrictions?</label>
<div class="radio">
<label><input type="radio" name="dietaryRestrictions" value="Yes">Yes</label>
</div>
<div class="radio">
<label><input type="radio" name="dietaryRestrictions" value="No">No</label>
</div>
</div>
<div class="form-group">
<label>Are you comfortable with pets in the house?</label>
<div class="radio">
<label><input type="radio" name="petsInHouse" value="Yes">Yes</label>
</div>
<div class="radio">
<label><input type="radio" name="petsInHouse" value="No">No</label>
</div>
</div>

</div>
<button type="submit" class="btn btn-primary submit_button">Submit</button>
</form>
</div>
</div>
</div>
</section>
<section id="footer">
<div class="container">
<div class="row">
<div class="footer_1 clearfix">
<div class="col-sm-3">
<div class="footer_1i1 clearfix">
<h4 class="mgt col">About Us</h4>
<p class="col_2">At CoLive, we're redefining the co-living experience with the power of AI. Join us and discover the future of <br>co-living today!.</p>
<h5><a class="button col_2" href="#"> Get Started </a></h5>
</div>
</div>
<div class="col-sm-3">
<div class="footer_1i1 clearfix">
<h4 class="mgt col">Useful Links</h4>
<ul>
<li><a class="col_2" href="#">About Us</a></li>
<li><a class="col_2" href="#">FAQs Page</a></li>
<li><a class="col_2" href="#">Checkout</a></li>
<li><a class="col_2" href="#">Services</a></li>
<li><a class="col_2" href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<div class="footer_1i1 clearfix">
<h4 class="mgt col">Get In Touch</h4>
<h6 class="col_2"><i class="fa fa-map-marker"></i> Belihuloya, Balangoda</h6>
<h6 class="col_2"><i class="fa fa-envelope"></i> <a class="col_2" href="#">colive.com</a></h6>
<h6 class="col_2"><i class="fa fa-phone"></i> +94 123 456 7890</h6>
<h6 class="col_2"><i class="fa fa-fax"></i> +94 123 456 7890</h6>
<h6 class="col_2"><i class="fa fa-globe"></i> All Country Realhome</h6>
</div>
</div>
<div class="col-sm-3">
<div class="footer_1i1 clearfix">
<h4 class="mgt col">Follow Us</h4>
<p class="col_2">Follow & Subscribe your email to get new business tips.</p>
<ul class="social-network social-circle">
<li><a href="#" class="icoRss" title="Rss"><i class="fa fa-rss"></i></a></li>
<li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
</ul>
<input class="form-control" placeholder="Your Email" type="text">
</div>
</div>
</div>
<div class="footer_2 text-center clearfix">
<div class="col-sm-12">
<p class="col_2 mgt">© 2024 CoLive. All Rights Reserved | Design by G-15</p>
</div>
</div>
</div>
</div>
</section>
Loading