Skip to content

M
Moments
Commit eae43a68 by Aksa98
Options

7/26/19

parent b20a3c08
Showing with 40 additions and 30 deletions
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;
......
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;
......
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: 100px;
.m-payment_note{
background: #fdfdea;
.container{
......
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/header/header.component.html
......@@ -5,7 +5,7 @@
<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,28 +14,29 @@
<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 ">
<div class="row">
<div class="col">
<div class="planning_tools_header_item">
<a>Checklist</a>
<a (click)="goto('login')">Checklist</a>
</div>
</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>
......@@ -97,7 +98,7 @@
<div class="clear"></div>
</li>
<li class="nav-item ">
......
src/app/header/header.component.scss
......@@ -19,6 +19,7 @@ height:100px ;
background-size: 100%;
width: 39px;
height: 45px;
}
}
.navbar-collapse{
......@@ -174,5 +175,8 @@ height:100px ;
}
}
button{
outline:none;
}
}
src/assets/responsive.scss
......@@ -432,7 +432,7 @@ margin-top: 10px !important;
width: 170px !important;
font-size: 14px !important;
margin-left: -89px !important;
margin-left: -54x !important;
}
}
}
......@@ -460,7 +460,7 @@ margin-top: 10px !important;
width: 170px !important;
margin-left: -76px !important;
margin-left: -54px !important;
}
}
......@@ -612,14 +612,14 @@ margin-top: 10px !important;
}
.Text-Style {
color:blue !important;
// color:blue !important;
margin-right: 25px;
padding: 10px 2px;
}
.Text-Style1 {
color:blue !important;
//color:blue !important;
//border: none !important;
width: 100% !important;
......@@ -631,7 +631,7 @@ margin-top: 10px !important;
}
}
.join{
color:blue !important;
// color:blue !important;
// border: none !important;
margin-left: -22px !important;
// width: 4px !important;
......@@ -646,7 +646,7 @@ margin-top: 10px !important;
.login{
margin-left: -9px !important;
color:blue !important;
// color:blue !important;
}
......
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