Skip to content

M
Moments
Commit 98888a71 by abraham
Options

conflict fixed

parents 55a5003b c9bd67d3
Showing with 765 additions and 157 deletions
package.json
......@@ -22,6 +22,7 @@
"bootstrap": "^4.3.1",
"core-js": "^2.5.4",
"jquery": "^3.4.1",
"ng5-slider": "^1.2.4",
"ngx-slick-carousel": "^0.4.4",
"rxjs": "~6.3.3",
"slick-carousel": "^1.8.1",
......
src/app/body/body-routing.module.ts
......@@ -8,6 +8,8 @@ import { PlanningComponent } from './planning/planning.component';
import { from } from 'rxjs';
import { LoginvendorsComponent } from './loginvendors/loginvendors.component';
import { PaymentComponent } from './payment/payment.component';
import { VenuesComponent } from './venues/venues.component';
import { VendorsListComponent } from './vendors-list/vendors-list.component';
const ModuleRoutes: Routes = [
{
path:'login',component: LoginComponent
......@@ -32,7 +34,13 @@ const ModuleRoutes: Routes = [
},
{
path:'plan',component: PlanningComponent
}
},
{
path:'venues',component: VenuesComponent
},
{
path:'vendors-list',component: VendorsListComponent
}
];
export const moduleRouting: ModuleWithProviders = RouterModule.forChild(ModuleRoutes)
\ No newline at end of file
src/app/body/body.module.ts
......@@ -9,12 +9,19 @@ import { LoginaccountComponent } from './loginaccount/loginaccount.component';
import { LoginvendorsComponent } from './loginvendors/loginvendors.component';
import { PaymentComponent } from './payment/payment.component';
import { PlanningComponent } from './planning/planning.component';
import { VenuesComponent } from './venues/venues.component';
import { VendorsListComponent } from './vendors-list/vendors-list.component';
import { Ng5SliderModule } from 'ng5-slider';
@NgModule({
declarations: [LoginComponent, JoinComponent, HomeComponent, LoginaccountComponent, LoginvendorsComponent, PaymentComponent, PlanningComponent],
declarations: [LoginComponent, JoinComponent, HomeComponent, LoginaccountComponent, LoginvendorsComponent, PaymentComponent, VenuesComponent, VendorsListComponent,PlanningComponent],
imports: [
CommonModule,
moduleRouting,
SlickCarouselModule
SlickCarouselModule,
Ng5SliderModule
]
})
export class BodyModule { }
src/app/body/join/join.component.html
......@@ -35,8 +35,8 @@
<div class="txt-join"><p>By clicking "Sign Up" you agree to Moments's Terms of Use</p></div>
<div class="btn-m-join">
<button class="btn-signup">signup</button>
<div class="btn-m-join ">
<button class="btn-signup shadow p3">signup</button>
</div>
<div class="links">
<div class="row">
......
src/app/body/join/join.component.scss
......@@ -5,7 +5,7 @@
}
.m-join{
padding-top: 135px;
padding-top: 100px;
.row{
width: 100%;
margin-right: 0px;
......
src/app/body/login/login.component.html
......@@ -11,7 +11,7 @@
<a (click)="goto('login')"> <button class="sig-btn">Login</button></a>
</div>
<div class="col">
<a href="join"><button class="siup-btn">Signup</button></a>
<a (click)="goToPage('join')"><button class="siup-btn">Signup</button></a>
</div>
</div>
......@@ -31,7 +31,7 @@
<input type="email" placeholder="Email ID">
<input type="password" placeholder="Password">
<div class="btn-m-login">
<button class="btn-login" (click)="goToPage('loginaccount')">Login</button>
<button class="btn-login shadow p3 " (click)="goToPage('loginaccount')">Login</button>
</div>
<div class="links">
<div class="row">
......@@ -39,7 +39,7 @@
<p> <a (click)="goto('login')">Already a Member?</a> LOG IN</p>
</div>
<div class="col">
<a href="loginvendors"> ARE YOU A VENDOR?</a>
<a (click)="goToPage('loginvendors')"> ARE YOU A VENDOR?</a>
</div>
</div>
......
src/app/body/login/login.component.scss
......@@ -5,7 +5,7 @@
}
.m-login {
padding-top: 135px;
padding-top: 100px;
.row{
width: 100%;
margin-right: 0px;
......@@ -156,66 +156,72 @@
}
/*******************************************frg *modal*/
.modal-dialog{
max-width: 700px;
/*modal*/
.modal-dialog{
max-width: 600px;
}
.modal-header{
}
.modal-content{
padding: 16px;
border-radius: 3px;
}
.modal-header{
border:none;
padding-left: 0%;
margin-top: 10px;
h4{
color: #535353;
font-weight: 600;
font-size: 18px;
margin: 0;
}
hr {
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid rgb(255, 0,255);
width: 20px;
margin-left: 0px;
border-radius: 12px;
}
}
.modal-bodyy{
.m-login-modal-input{
input{
border:none;
h4{
color: #535353;
font-weight: 600;
font-size: 18px;
margin: 0;
}
hr {
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid rgb(255, 0,255);
width: 20px;
margin-left: 0px;
border-radius: 12px;
}
}
.modal-bodyy{
.m-login-modal-input{
input{
border:none;
color: black;
border-bottom: 1px solid #d7d7d7 ;
font-size: 15px;
width: 550px;
outline: none;
background-color: transparent;
&::placeholder{
color:#636c72;
}
}
}
.m-login-modal-btn{
text-align:center;
margin-top: 20px;
.btn-send{
background: #ff9c00;
padding: 7px 30px;
border: 1px solid #ff9c00;
color: #fff;
font-size: 17px;
border-radius: 30px;
outline: none;
}
}
}
.modal-footer{
border: none;
padding: 2rem;
color: black;
border-bottom: 1px solid #d7d7d7 ;
font-size: 15px;
width: 550px;
outline: none;
background-color: transparent;
margin-top: 10px;
&::placeholder{
color:#636c72;
}
}
}
.m-login-modal-btn{
text-align:center;
margin-top: 50px;
.btn-send{
background: #ff9c00;
padding: 7px 30px;
border: 1px solid #ff9c00;
color: #fff;
font-size: 17px;
border-radius: 30px;
outline: none;
}
}
}
.modal-footer{
border: none;
padding: 2rem;
}
\ No newline at end of file
src/app/body/loginvendors/loginvendors.component.html
......@@ -11,7 +11,7 @@
<a (click)="goto('login')"> <button class="sig-btn">Login</button></a>
</div>
<div class="col">
<a (click)="goto('join')"><button class="siup-btn">Signup</button></a>
<a (click)="goToPage('join')"><button class="siup-btn">Signup</button></a>
</div>
</div>
......@@ -30,8 +30,8 @@
<div class="m-login-conent">
<input type="email" placeholder="Email ID">
<input type="password" placeholder="Password">
<div class="btn-m-login">
<button class="btn-login">Login</button>
<div class="btn-m-login ">
<button class="btn-login shadow p3">Login</button>
</div>
<div class="links">
<div class="row">
......
src/app/body/loginvendors/loginvendors.component.scss
......@@ -5,7 +5,7 @@
}
.m-login {
padding-top: 135px;
padding-top: 100px;
.row{
width: 100%;
margin-right: 0px;
......@@ -246,6 +246,7 @@
.modal-header{
border:none;
padding-left: 0%;
margin-top: 10px;
h4{
color: #535353;
font-weight: 600;
......
src/app/body/payment/payment.component.html
......@@ -19,11 +19,12 @@
<h5>PLANS & PRICING</h5>
<p>Rates based on your selections</p>
</div>
<table class="table ">
<table class="table table-responsive ">
<thead>
<tr >
<th class="m_table_color-head">LITE</th>
<th class="m_table_color-head">PROFESSIONAL</th>
<th class="m_table_color-head"> FEATURED AD</th>
<th class="m_table_color-head">SPOTLIGHT AD</th>
......@@ -31,7 +32,7 @@
</thead>
<tbody>
<tr >
<td ><div class="fst-colm">0</div> <button class="btn-pay-select">Select</button></td>
<td ><div class="fst-colm">0</div> <button class="btn-pay-select">Select</button></td>
<td ><div class="fst-colm">2000</div> <button class="btn-pay-select">Select</button></td>
<td><div class="fst-colm">3000</div> <button class="btn-pay-select">Select</button></td>
<td ><div class="fst-colm">4000</div> <button class="btn-pay-select">Select</button></td>
......@@ -141,6 +142,7 @@
</tr>
</tbody>
</table>
</div>
</div>
</div>
......
src/app/body/payment/payment.component.scss
......@@ -7,7 +7,7 @@
.m-payment{
padding-top: 135px;
padding-top: 130px;
.m-payment_note{
background: #fdfdea;
.container{
......@@ -95,6 +95,9 @@
margin: 0 0 20px 0;
}
}
.table-responsive{
display: table;
}
.table{
thead{
text-align: center;
......
src/app/body/payment/payment.component.ts
import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-payment',
templateUrl: './payment.component.html',
......@@ -7,9 +7,12 @@ import { Component, OnInit } from '@angular/core';
})
export class PaymentComponent implements OnInit {
constructor() { }
constructor(private route: ActivatedRoute, private router: Router) { }
ngOnInit() {
}
goto(path,data=null){
this.router.navigateByUrl(path,{queryParams:data});
}
}
src/app/body/vendors-list/vendors-list.component.html 0 → 100644
<div class="m-vendorsList">
<div class="m-vendorsList_page">
<div class="container">
<ul>
<li><a href="#">Messages</a></li>
<li><a href="#">Checklist</a></li>
<li><a href="#">Guest List</a></li>
<li><a href="#">Budget</a></li>
<li><a href="#">Favorite Vendors</a></li>
</ul>
<div class="m-vendorsList_page_input_box">
<div class="input_det input_det1">
<input placeholder="eg, rustic venues, florists, beach wedding">
</div>
<div class="input_det input_det2">
<input placeholder="North Pole, AK">
<div class="m-vendorsList_page_input_box_button">
<i class="fas fa-search"></i>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="m-vendorsList_det">
<div class="container">
<div class="m-vendorsList_refine_rating">
<div class="row">
<div class="col">
<h4>Refine By </h4>
</div>
<div class="col"></div>
<img src="../../../assets/img/avgselect.png">
<div class="col">
<select class="form-control" id="sel1" name="sellist1">
<option>Average Rating</option>
<option>Price Filter</option>
<option>Vendor Name</option>
</select>
</div>
</div>
</div>
<div class="m-vendorsList_dpa">
<div class="row">
<div class="col-md-3">
<div class="dfprav">
<div class="distance">
<p>Distance From</p>
<ng5-slider [(value)]="value" [options]="options">
</ng5-slider>
<input class="input-dfprav">
</div>
<div class="price">
<p>Price</p>
<input class="input-dfprav">
</div>
<div class="Availability">
<p>Availability</p>
<input class="input-dfprav" placeholder="Available Date" >
</div>
</div>
</div>
<div class="col-md-9"></div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/body/vendors-list/vendors-list.component.scss 0 → 100644
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
*{
font-family: 'Roboto', sans-serif;
}
.m-vendorsList{
padding-top: 100px;
.m-vendorsList_page{
background-color: #fcfde4;
.container{
ul{
padding-top: 50px;
padding-left: 0px;
li{
list-style: none;
display: inline-block;
margin-right: 50px;
a{
font-weight: 400;
font-size: 16px;
color: #5f5f5f;
}
}
}
.m-vendorsList_page_input_box{
padding-top: 10px;
padding-bottom: 60px;
.input_det{
width: 50%;
display: inline-block;
height: 60px;
background-color: #ffffff;
padding: 10px 10px 10px 10px;
input{
float: left;
width: calc(100% - 40px);
height: 100%;
border-radius: 20px;
border: transparent;
outline: none;
padding-left: 20px;
&::placeholder{
opacity: .5;
}
}
.m-vendorsList_page_input_box_button{
text-align: center;
float: right;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgb(194, 55, 194);
i{
font-size: 18px;
padding-top: 11px;
color: #e2e2e2;
}
}
}
.input_det1{
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
position: relative;
input{
border-top-right-radius: 0px;
border-bottom-right-radius: 0px ;
border-right: 1px solid #c717c7 ;
width: 100% ;
}
.m-vendorsList_page_input_box_button{
display: none;
}
}
.input_det2{
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
position: relative;
}
}
}
}
.m-vendorsList_det{
margin: 27px 0 0 0;
.container{
.m-vendorsList_refine_rating{
.row
{
h4{
color: #a8a8a8;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 18px;
margin: 37px 0 0 0;
}
select{
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0px;
text-decoration: none;
width: 50%;
font-size: 16px;
outline: none;
cursor: pointer;
option{
font-size: 16px;
color: #b638b6;
display: block;
line-height: 22px;
padding: 14px 16px;
}
}
img{
height: 22px;
margin-top: 12px;
}
}
}
.m-vendorsList_dpa{
margin-top: 20px;
margin-bottom: 20px;
.row{
.dfprav{
background-color: #f6f5f5;
input{
background: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
width: 90%;
font-size: 15px;
outline: none;
margin-top:15px;
margin-bottom: 15px;
}
.input-dfprav
{
margin-left: 15px;
}
}
}
}
}
}
}
\ No newline at end of file
src/app/body/vendors-list/vendors-list.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { VendorsListComponent } from './vendors-list.component';
describe('VendorsListComponent', () => {
let component: VendorsListComponent;
let fixture: ComponentFixture<VendorsListComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ VendorsListComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(VendorsListComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/body/vendors-list/vendors-list.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
import { Options } from 'ng5-slider';
@Component({
selector: 'app-vendors-list',
templateUrl: './vendors-list.component.html',
styleUrls: ['./vendors-list.component.scss']
})
export class VendorsListComponent implements OnInit {
value: number = 123;
options: Options = {
floor: 0,
ceil: 250
};
constructor() { }
ngOnInit() {
}
}
src/app/body/venues/venues.component.html 0 → 100644
<div class="m-venues">
<div class="m-venues_background_wedding">
<div class="container">
<div class="m-venues_wedding_st">
<h3>
Wedding planning starts here..
</h3>
<p>
We offers reviews, pricing and availability for 21,172 wedding venues.
Search for the best local wedding locations in your area to plan your perfect wedding
</p>
</div>
<div class="m-venues_wedding_margin"></div>
</div>
</div>
<!------------------------------venuse------------------------------------------------------------->
<div class="m-venues_all_halls">
<div class="container">
<div class="row">
<div class="col">
<a>
<img class="venues_halls_img" src="../../../assets/img/museums.jpg">
<p>Museums</p>
</a>
</div>
<div class="col">
<a>
<img class="venues_halls_img" src="../../../assets/img/fams.jpg">
<p>Fams</p>
</a>
</div>
<div class="col">
<a>
<img class="venues_halls_img" src="../../../assets/img/restaurants.jpg">
<p>Restaurants</p>
</a></div>
<div class="col">
<a>
<img class="venues_halls_img" src="../../../assets/img/hotels.jpg">
<p>Hotels</p>
</a></div>
</div>
<div class="row">
<div class="col">
<a>
<img class="venues_halls_img" src="../../../assets/img/bedBreakfasts.jpg">
<p>Bed & Breakfasts</p>
</a></div>
<div class="col">
<a>
<img class="venues_halls_img" src="../../../assets/img/banquetHalls.jpg">
<p>Banquet Halls</p>
</a></div>
<div class="col">
<a>
<img class="venues_halls_img" src="../../../assets/img/seashores.jpg">
<p>Seashores</p>
</a></div>
<div class="col">
<a>
</a></div>
</div>
</div>
</div>
<!-------------------------------why moments------------------------------------------------------>
<div class="m-venues_why_moments">
<div class="container">
<div class="row">
<div class="col-md-3">
<img src="../../../assets/img/1519733657_15.png">
<h5>Find the Best Wedding Vendors</h5>
<hr>
<p>offers the largest directory of local wedding vendors in the U.S. and Canada, along with 3 million wedding reviews. We offer more reviews than all other wedding sites.</p>
</div>
<div class="col-md-3">
<img src="../../../assets/img/1519733657_16.png">
<h5>Find the Best Wedding Vendors</h5>
<hr>
<p>offers the largest directory of local wedding vendors in the U.S. and Canada, along with 3 million wedding reviews. We offer more reviews than all other wedding sites.</p>
</div>
<div class="col-md-3">
<img src="../../../assets/img/1519733657_17.png">
<h5>Find the Best Wedding Vendors</h5>
<hr>
<p>offers the largest directory of local wedding vendors in the U.S. and Canada, along with 3 million wedding reviews. We offer more reviews than all other wedding sites.</p>
</div>
<div class="col-md-3">
<img src="../../../assets/img/1519733657_18.png">
<h5>Find the Best Wedding Vendors</h5>
<hr>
<p>offers the largest directory of local wedding vendors in the U.S. and Canada, along with 3 million wedding reviews. We offer more reviews than all other wedding sites.</p>
</div>
</div>
<div class="row m-venues_moments-head">
<img src="../../../assets/img/22.png">
<h3>WHY MOMENTS?</h3>
<p>With the largest network of local wedding vendors, WeddingWire offers the most comprehensive wedding site out there. You will be able to find the best vendor for your budget and plan your wedding exactly the way you envisioned it. We make it simple to get the pricing, availability, and answers you need from wedding venues and wedding vendors across every town. In addition to the wedding industry’s best and brightest wedding vendors, WeddingWire offers free, easy-to-use wedding planning tools like customizable wedding checklists to keep your tasks in order, wedding websites with over 120 different design templates and a comprehensive wedding registry for all your guests. You can stay on top of all the details while on-the-go with the WeddingWire app, which features a wedding countdown to your big day. Meanwhile, our dedicated team of editors provides you with the very best wedding ideas and curated wedding photos filled with inspiration to help you choose between florists, cakes, photographers and wedding venues when you start planning the details. WeddingWire will help turn your vision into a reality!</p>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/body/venues/venues.component.scss 0 → 100644
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
*{
font-family: 'Roboto', sans-serif;
}
.m-venues{
padding-top: 100px;
.m-venues_background_wedding{
background: url("../../../assets/img/bannner-back.png");
// background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../../../assets/img/bannner-back.png");
background-size: inherit;
background-repeat: no-repeat;
}
.container{
width: 70%;
.m-venues_wedding_st{
text-align: center;
padding: 170px 0 0 0;
h3{
color: #ffffff;
font-weight: 400;
font-size: 36px;
margin: 0;
}
p{
color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
padding: 10px 100px;
}
}
.m-venues_wedding_margin{
margin: 0 auto;
border-bottom: 6px solid #c236c2;
width: 245px;
border-radius: 15px;
}
}
/***************************venues hall*********************************************/
.m-venues_all_halls{
margin-top: 26px;
.container{
.row{
.venues_halls_img{
width: 100%;
height: 170px;
object-fit: cover;
}
p{
margin: 0;
color: #646464;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 5px 0 10px 0;
text-align: left;
}
}
}
}
/***********************why moments********************************/
.m-venues_why_moments{
padding-top: 50px;
.container{
.row{
.col-md-3{
h5{
font-weight: 400;
font-size: 18px;
margin: 10px 0 0 0;
color: #767676;
}
hr{
width: 50px;
border: 1px solid rgb(255, 156, 0);
margin: 16px 0px 16px 0px;
}
p{
font-weight: 400;
font-size: 16px;
color: #626262;
}
}
}
.m-venues_moments-head{
padding-top: 20px;
h3{
padding-left: 15px;
color: #767676;
font-weight: 400;
font-size: 18px;
margin-bottom: 0px;
line-height: 2;
}
p{
font-weight: 400;
font-size: 16px;
color: #a9a9a9;
padding-top: 20px;
padding-bottom: 20px;
}
}
}
}
}
\ No newline at end of file
src/app/body/venues/venues.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { VenuesComponent } from './venues.component';
describe('VenuesComponent', () => {
let component: VenuesComponent;
let fixture: ComponentFixture<VenuesComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ VenuesComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(VenuesComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/body/venues/venues.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-venues',
templateUrl: './venues.component.html',
styleUrls: ['./venues.component.scss']
})
export class VenuesComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/header/header.component.html
<nav class="navbar navbar-expand-sm ">
<nav class="navbar navbar-expand-sm shadow p3 ">
<div class="container">
<div class="logo" ><a href="#"><img src="../../assets/img/Moments__logo.png"></a></div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"><i class="fa fa-bars"></i></span>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
......@@ -14,6 +14,7 @@
<a class="Text-Style1 nav-link" href="#">WRITE A REVIEW</a>
</li>
<li class="nav-item">
<a class="Text-Style nav-link brd " (click)=" plansfunc()" >PLANNING TOOLS</a>
<div class="planning_tools_header" *ngIf=" plansShow">
......@@ -25,17 +26,17 @@
</div>
<div class="col">
<div class="planning_tools_header_item">
<a>Guest List</a>
<a (click)="goto('login')">Guest List</a>
</div>
</div>
<div class="col">
<div class="planning_tools_header_item">
<a>Budget</a>
<a (click)="goto('login')">Budget</a>
</div>
</div>
<div class="col">
<div class="planning_tools_header_item">
<a>Vendors Manager</a>
<a (click)="goto('login')">Vendors Manager</a>
</div>
</div>
</div>
......@@ -45,51 +46,51 @@
<a class="brd">|</a>
</li>
<li class="nav-item ">
<a class="Text-Style nav-link brd" href="#">VENUES</a>
<a class="Text-Style nav-link " href="venues">VENUES</a>
</li>
<li class="nav-item linec">
<a class="brd" >|</a>
</li>
<li class="nav-item" >
<a class="Text-Style nav-link brd" (click)="showfunc()" >VENDORS</a>
<a class="Text-Style nav-link " (click)="showfunc()" >VENDORS</a>
<div class="vendors_drop " *ngIf=" headerShow ">
<div class="row">
<div class="col">
<div class="vendors_drop_item">
<img src="../../../assets/img/1507722456_56cdf37898bb3bb1b3356fad8831dc1a--on-your-wedding-day-pre-wedding.jpg">
<a>Wedding Photographers</a>
<a href="vendors-list">Wedding Photographers</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1508740269_marriage-marry-009-256.png">
<a>Wedding DJs</a>
<a href="vendors-list">Wedding DJs</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1509360077_images.png">
<a>Wedding Favors & Gifts</a>
<a href="vendors-list">Wedding Favors & Gifts</a>
</div>
</div>
<div class="col">
<div class="vendors_drop_item">
<img src="../../../assets/img/1507875334_wedding-icon-12670446.jpg">
<a>Wedding Venues</a>
<a href="vendors-list">Wedding Venues</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1509359880_under-new-management-marriage-note-foldable-design-with-black-text-and-icon-decoration-classic-black-and-white-funny-wedding-thank-you-cards.jpg">
<a>Wedding Invitations</a>
<a href="vendors-list">Wedding Invitations</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1509360090_wedding_17-512.png">
<a>Wedding Jewelry</a>
<a href="vendors-list">Wedding Jewelry</a>
</div>
</div>
<div class="col">
<div class="vendors_drop_item">
<img src="../../../assets/img/1517468986_wedding-planning_318-99774.jpg">
<a>Planning</a>
<a href="vendors-list">Planning</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1509359943_8819003-Illustration-of-a-cook-in-black-and-white-Stock-Vector-chef-cooking-hat.jpg">
<a>Wedding Caterers</a>
<a href="vendors-list">Wedding Caterers</a>
</div>
</div>
</div>
......@@ -97,7 +98,7 @@
<div class="clear"></div>
</li>
<li class="nav-item ">
......
src/app/header/header.component.scss
......@@ -5,7 +5,7 @@
}
nav{
position: fixed;
z-index: 1;
z-index: 4;
background-color: #fff;
width: 100%;
height:100px ;
......@@ -19,6 +19,7 @@ height:100px ;
background-size: 100%;
width: 39px;
height: 45px;
}
}
.navbar-collapse{
......@@ -132,6 +133,8 @@ height:100px ;
font-weight: 400;
font-size: 12px;
color: #a1a1a1;
text-decoration: none;
}
}
}
......@@ -164,6 +167,7 @@ height:100px ;
font-weight: 400;
font-size: 14px;
color: #a1a1a1;
text-decoration: none;
}
}
}
......@@ -174,5 +178,8 @@ height:100px ;
}
}
button{
outline:none;
}
}
src/assets/responsive.scss
......@@ -439,7 +439,7 @@ margin-top: 10px !important;
width: 170px !important;
font-size: 14px !important;
margin-left: -89px !important;
margin-left: -54x !important;
}
}
}
......@@ -467,7 +467,7 @@ margin-top: 10px !important;
width: 170px !important;
margin-left: -76px !important;
margin-left: -54px !important;
}
}
......@@ -511,7 +511,12 @@ margin-top: 10px !important;
}
}
}
}
}
.m-payment_table{
.table-responsive{
display: block !important;
}
}
}
}
......@@ -600,71 +605,52 @@ margin-top: 10px !important;
}
//scss for nav
nav{
.container{
max-width:740px !important ;
}
.logo{
img{
max-width: 160px !important;
}
}
.navbar-collapse{
.navbar-collapse{
margin-left: 5px !important;
ul{
width: 300px;
margin-left: 0px !important;
li{
.planning_tools_header{
width: 60% !important;
left: 161px !important;
}
.vendors_drop{
left: 197px !important;
}
margin: 0px !important;
.Text-Style{
margin-right: 10px !important;
}
.Text-Style1{
width: 95% !important;
height: 95% !important;
border-radius: 25px !important;
}
.brd{
display: none !important;
}
.login{
margin-left: 0px !important;
}
.join{
padding: 5px 12px !important;
border-radius: 25px !important;
width: 70px !important;
margin-top: 4px !important;
height: 32px !important;
.linec{
display: none;
}
li{
width: 75px !important;
.nav-link{
// width: 100% !important;
}
.Text-Style {
color:blue !important;
margin-right: 25px;
padding: 10px 2px;
}
.Text-Style1 {
color:blue !important;
//border: none !important;
width: 100% !important;
&:hover{
// background:none !important;
} color:#ffff;
}
}
.join{
color:blue !important;
// border: none !important;
margin-left: -22px !important;
// width: 4px !important;
width: 59px !important;
height: 44px !important;
padding: 9px 10px !important;
&:hover{
// background:none !important;
}
}
.login{
margin-left: -9px !important;
color:blue !important;
}
}
}
}
}}
}
/******************************* scss for login ********************************************/
.m-login{
.col-md-6{
......@@ -864,6 +850,46 @@ margin-top: 10px !important;
}
}
}
/********************************** payment table*****************************/
.m-payment{
.m-payment_note{
.container{
padding-top: 20px !important;
.m-payment_note_search{
.row{
.col-md-6{
width: 50% !important;
padding-right: 0px !important;
padding-left: 8px !important;
margin-top: 5px !important;
.rht-bro {
margin-top: 0px !important;
}
}
.col-md-5{
width: 26% !important;
padding-right: 0px !important;
//padding-left: -13px !important;
}
.col-md-1{
width: 24% !important;
padding-right:0px !important;
padding-left: 0px !important;
}
}
}
}
}
}
}
/* 05.0 iPads (landscape) ----------- */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment