Skip to content

M
Moments
Commit b11f03ee by amalk
Options

rebuild repository

parents
Showing with 3096 additions and 0 deletions
.editorconfig 0 → 100644
# Editor configuration, see https://editorconfig.org
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
insert_final_newline = true
trim_trailing_whitespace = true
[*.md]
max_line_length = off
trim_trailing_whitespace = false
.gitignore 0 → 100644
# See http://help.github.com/ignore-files/ for more about ignoring files.
# compiled output
/dist
/tmp
/out-tsc
# Only exists if Bazel was run
/bazel-out
# dependencies
/node_modules
# profiling files
chrome-profiler-events.json
speed-measure-plugin.json
# IDEs and editors
/.idea
.project
.classpath
.c9/
*.launch
.settings/
*.sublime-workspace
# IDE - VSCode
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
.history/*
# misc
/.sass-cache
/connect.lock
/coverage
/libpeerconnection.log
npm-debug.log
yarn-error.log
testem.log
/typings
# System Files
.DS_Store
Thumbs.db
README.md 0 → 100644
# Moments
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.9.
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
angular.json 0 → 100644
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"moments": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {
"@schematics/angular:component": {
"style": "scss"
}
},
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/moments",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/assets/img/Moments__tinylogo.png",
"src/assets"
],
"styles": [
"src/styles.scss",
"src/assets/responsive.scss",
"node_modules/bootstrap/dist/css/bootstrap.css",
"node_modules/slick-carousel/slick/slick.scss",
"node_modules/slick-carousel/slick/slick-theme.scss"
],
"scripts": [
"node_modules/jquery/dist/jquery.js",
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.js",
"node_modules/slick-carousel/slick/slick.min.js"
],
"es5BrowserSupport": true
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "2mb",
"maximumError": "5mb"
}
]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "moments:build"
},
"configurations": {
"production": {
"browserTarget": "moments:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "moments:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"karmaConfig": "src/karma.conf.js",
"styles": [
"src/styles.scss"
],
"scripts": [],
"assets": [
"src/favicon.ico",
"src/assets"
]
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"src/tsconfig.app.json",
"src/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
}
}
}
},
"moments-e2e": {
"root": "e2e/",
"projectType": "application",
"prefix": "",
"architect": {
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "e2e/protractor.conf.js",
"devServerTarget": "moments:serve"
},
"configurations": {
"production": {
"devServerTarget": "moments:serve:production"
}
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": "e2e/tsconfig.e2e.json",
"exclude": [
"**/node_modules/**"
]
}
}
}
}
},
"defaultProject": "moments"
}
\ No newline at end of file
e2e/protractor.conf.js 0 → 100644
// Protractor configuration file, see link for more information
// https://github.com/angular/protractor/blob/master/lib/config.ts
const { SpecReporter } = require('jasmine-spec-reporter');
exports.config = {
allScriptsTimeout: 11000,
specs: [
'./src/**/*.e2e-spec.ts'
],
capabilities: {
'browserName': 'chrome'
},
directConnect: true,
baseUrl: 'http://localhost:4200/',
framework: 'jasmine',
jasmineNodeOpts: {
showColors: true,
defaultTimeoutInterval: 30000,
print: function() {}
},
onPrepare() {
require('ts-node').register({
project: require('path').join(__dirname, './tsconfig.e2e.json')
});
jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
}
};
\ No newline at end of file
e2e/src/app.e2e-spec.ts 0 → 100644
import { AppPage } from './app.po';
import { browser, logging } from 'protractor';
describe('workspace-project App', () => {
let page: AppPage;
beforeEach(() => {
page = new AppPage();
});
it('should display welcome message', () => {
page.navigateTo();
expect(page.getTitleText()).toEqual('Welcome to moments!');
});
afterEach(async () => {
// Assert that there are no errors emitted from the browser
const logs = await browser.manage().logs().get(logging.Type.BROWSER);
expect(logs).not.toContain(jasmine.objectContaining({
level: logging.Level.SEVERE,
} as logging.Entry));
});
});
e2e/src/app.po.ts 0 → 100644
import { browser, by, element } from 'protractor';
export class AppPage {
navigateTo() {
return browser.get(browser.baseUrl) as Promise<any>;
}
getTitleText() {
return element(by.css('app-root h1')).getText() as Promise<string>;
}
}
e2e/tsconfig.e2e.json 0 → 100644
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"module": "commonjs",
"target": "es5",
"types": [
"jasmine",
"jasminewd2",
"node"
]
}
}
\ No newline at end of file
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
{
"name": "moments",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~7.2.0",
"@angular/common": "~7.2.0",
"@angular/compiler": "~7.2.0",
"@angular/core": "~7.2.0",
"@angular/forms": "~7.2.0",
"@angular/platform-browser": "~7.2.0",
"@angular/platform-browser-dynamic": "~7.2.0",
"@angular/router": "~7.2.0",
"bootstrap": "^4.3.1",
"core-js": "^2.5.4",
"jquery": "^3.4.1",
"ngx-slick-carousel": "^0.4.4",
"rxjs": "~6.3.3",
"slick-carousel": "^1.8.1",
"tslib": "^1.9.0",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.13.0",
"@angular/cli": "~7.3.9",
"@angular/compiler-cli": "~7.2.0",
"@angular/language-service": "~7.2.0",
"@types/node": "~8.9.4",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~3.2.2"
}
}
src/app/app-routing.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{
path: '', redirectTo: 'home', pathMatch: 'full'
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
src/app/app.component.html 0 → 100644
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>
\ No newline at end of file
src/app/app.component.spec.ts 0 → 100644
import { TestBed, async } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule
],
declarations: [
AppComponent
],
}).compileComponents();
}));
it('should create the app', () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
});
it(`should have as title 'moments'`, () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app.title).toEqual('moments');
});
it('should render title in a h1 tag', () => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
expect(compiled.querySelector('h1').textContent).toContain('Welcome to moments!');
});
});
src/app/app.component.ts 0 → 100644
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
title = 'moments';
}
src/app/app.module.ts 0 → 100644
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HeaderComponent } from './header/header.component';
import{ BodyModule } from './body/body.module';
import { FooterComponent } from './footer/footer.component';
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
FooterComponent
],
imports: [
BrowserModule,
AppRoutingModule,
BodyModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
src/app/body/body-routing.module.ts 0 → 100644
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import{LoginComponent} from './login/login.component';
import{JoinComponent} from './join/join.component';
import{HomeComponent} from './home/home.component';
import { LoginaccountComponent } from './loginaccount/loginaccount.component';
import { from } from 'rxjs';
const ModuleRoutes: Routes = [
{
path:'login',component: LoginComponent
},
{
path:'join',component: JoinComponent
},
{
path:'home',component: HomeComponent
},
{
path:'loginaccount',component: LoginaccountComponent
}
];
export const moduleRouting: ModuleWithProviders = RouterModule.forChild(ModuleRoutes)
\ No newline at end of file
src/app/body/body.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { LoginComponent } from './login/login.component';
import { JoinComponent } from './join/join.component';
import{ moduleRouting } from './body-routing.module';
import { HomeComponent } from './home/home.component';
import { SlickCarouselModule } from 'ngx-slick-carousel';
import { LoginaccountComponent } from './loginaccount/loginaccount.component';
@NgModule({
declarations: [LoginComponent, JoinComponent, HomeComponent, LoginaccountComponent],
imports: [
CommonModule,
moduleRouting,
SlickCarouselModule
]
})
export class BodyModule { }
src/app/body/home/home.component.html 0 → 100644
<div class="m_home_banner">
<div class="container">
<div class="m_home_banner_content">
<h1>Wedding planning starts here..</h1>
<div class="input_box">
<div class="input_cont">
<input placeholder="Local Ceremony and Reception Venue" *ngIf="!search" (click)="togglefunc()">
<input placeholder="Business Name" *ngIf="search">
<div class="input_box_button"><i class="fas fa-search"></i></div>
</div>
<div class="clear"></div>
<div class="search_drop" *ngIf="isShow">
<div class="row">
<div class="col">
<div class="search_drop_item">
<img src="../../../assets/img/1507722456_56cdf37898bb3bb1b3356fad8831dc1a--on-your-wedding-day-pre-wedding.jpg">
<p>Wedding Photographers</p>
</div>
<div class="search_drop_item">
<img src="../../../assets/img/1508740269_marriage-marry-009-256.png">
<p>Wedding DJs</p>
</div>
<div class="search_drop_item">
<img src="../../../assets/img/1509360077_images.png">
<p>Wedding Favors & Gifts</p>
</div>
</div>
<div class="col">
<div class="search_drop_item">
<img src="../../../assets/img/1507875334_wedding-icon-12670446.jpg">
<p>Wedding Venues</p>
</div>
<div class="search_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">
<p>Wedding Invitations</p>
</div>
<div class="search_drop_item">
<img src="../../../assets/img/1509360090_wedding_17-512.png">
<p>Wedding Jewelry</p>
</div>
</div>
<div class="col">
<div class="search_drop_item">
<img src="../../../assets/img/1517468986_wedding-planning_318-99774.jpg">
<p>Planning</p>
</div>
<div class="search_drop_item">
<img src="../../../assets/img/1509359943_8819003-Illustration-of-a-cook-in-black-and-white-Stock-Vector-chef-cooking-hat.jpg">
<p>Wedding Caterers</p>
</div>
</div>
</div>
</div>
</div>
<div class="search_toggle" (click)="searchfunc()">
<p *ngIf="!search">Search by Business name</p>
<p *ngIf="search">Search by Vendor Category</p>
</div>
</div>
</div>
</div>
<div class="line_design">
<hr>
</div>
<div class="m_home_review">
<div class="star">
<img src="../../../assets/img/6.png">
</div>
<div class="review_heading">
<hr>
<div class="heading_content">
<h3>OVER 3 MILLION REVIEWS</h3>
</div>
</div>
<h6>Recently Reviewed Vendors from Real Weddings</h6>
<hr class="recent_line">
<div class="container review_slide">
<div class="row">
<ngx-slick-carousel class="carousel"
#slickModal="slick-carousel"
[config]="slideConfig">
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<div ngxSlickItem class="slide_content">
<ul>
<li>
<div class="review_main">
<div class="review_main_img">
<img src="../../../assets/img/1542608927_11_06_03-UVU-business-03-dusk-a-.jpg">
</div>
<div class="review_main_text">
<h5>qew</h5>
<h6>0 Reviews</h6>
<p>These photos are just what I wanted. I don't really like being photographed or looking at pics of myself usually and Shannon did such a great job of making me feel comfortable during the process as well as just taking amazing photos. I'm so happy wit</p>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
</ngx-slick-carousel>
</div>
</div>
</div>
<div class="m_home_banner2">
<div class="row">
<div class="col banner2_overlay1">
<img src="../../../assets/img/1519730675_hj.jpg">
</div>
<div class="col banner2_overlay2">
<div class="b2_over2_Contents">
<h2>Take the Stress Out of Planning</h2>
<p>Check things off your personalized to-do list all the way to your big day!</p>
<div class="row">
<div class="col">
<img src="../../../assets/img/10.png">
<p>Message</p>
</div>
<div class="col">
<img src="../../../assets/img/11.png">
<p>Checklist</p>
</div>
<div class="col">
<img src="../../../assets/img/12.png">
<p>GuestList</p>
</div>
<div class="col">
<img src="../../../assets/img/13.png">
<p>Budget</p>
</div>
<div class="col">
<img src="../../../assets/img/14.png">
<p>Favorite</p>
</div>
</div>
<div class="get_started">
<button>GET STARTED</button>
</div>
<div class="logo_block">
<div class="logo_inline">
<img src="../../assets/img/19.png">
</div>
<div class="logo_inline">
<img src="../../assets/img/20.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="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 why_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>
\ No newline at end of file
src/app/body/home/home.component.scss 0 → 100644
.m_home_banner{
background-image: url("../../../assets/img/1519800888_1.png");
background-size: cover;
background-repeat: no-repeat;
.container{
padding-top: 400px;
padding-bottom: 200px;
.m_home_banner_content{
text-align: center;
h1{
font-weight: 400;
font-size: 36px;
color: #ffffff;
}
.input_box{
position: relative;
width: 80%;
margin: 0 auto;
.input_cont{
height: 60px;
background-color: #ffffff;
padding: 10px 10px 10px 10px;
border-radius: 30px;
input{
float: left;
width: calc(100% - 40px);
height: 100%;
border-radius: 20px;
border: transparent;
outline: none;
padding-left: 20px;
&::placeholder{
opacity: .5;
}
}
.input_box_button{
float: right;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgb(194, 55, 194);
i{
font-size: 18px;
padding-top: 11px;
color: #e2e2e2;
}
}
}
.search_drop{
position: absolute;
background-color: #fff;
width: 100%;
top: 65px;
border-radius: 5px;
left: 0px;
right: 0px;
.row{
padding-top: 20px;
padding-left: 10px;
padding-bottom: 30px;
.col{
.search_drop_item{
text-align: left;
padding: 10px;
img{
height: 25px;
width: 25px;
}
p{
padding-left: 10px;
display: inline;
font-weight: 400;
font-size: 12px;
color: #a1a1a1;
}
}
}
}
}
}
.search_toggle{
padding-top: 50px;
width: auto;
display: inline-block;
margin: 0 auto;
p{
color: #fff;
font-weight: 400;
font-size: 15px;
border: 1px solid #fff;
padding: 10px 20px;
background: rgba(0,0,0,.1);
margin-bottom: 0px;
}
}
}
}
}
.line_design{
hr{
width: 245px;
border: 4px solid rgb(194, 55, 194);
border-radius: 4px;
margin: 0 auto;
}
}
.m_home_review{
text-align: center;
.star{
padding-top: 30px;
}
.review_heading{
padding-top: 20px;
hr{
border-top: 1px solid rgba(0, 0, 0, .3);
max-width: 400px;
}
.heading_content{
position: relative;
bottom: 30px;
padding-left: 10px;
padding-right: 10px;
background-color: #fff;
display: inline-block;
h3{
font-weight: 400;
font-size: 24px;
color: #646464;
}
}
}
h6{
font-weight: 400;
font-size: 16px;
color: #646464;
}
.recent_line{
width: 80px;
border: 1px solid rgb(255, 156, 0);
}
}
.m_home_banner2{
.row{
margin-left: 0px;
margin-right: 0px;
.banner2_overlay1{
padding-left: 0px;
padding-right: 0px;
max-width: 40%;
img{
width: 100%;
max-height: 550px;
}
}
.banner2_overlay2{
padding-left: 0px;
padding-right: 0px;
max-width: 60%;
background-image: url("../../../assets/img/hj1.jpg");
background-repeat: no-repeat;
background-size: cover;
.b2_over2_Contents{
padding: 90px 0px 0px 60px;
h2{
font-weight: 400;
font-size: 30px;
color: #fff;
}
p{
font-weight: 300;
font-size: 16px;
color: #fff;
}
.row{
.col{
max-width: 150px;
text-align: center;
p{
text-align: center;
font-weight: 400;
font-size: 16px;
margin: 10px 0 0 0;
color: #fff;
}
}
}
.get_started{
display: inline-block;
padding-top: 30px;
button{
color: #fff;
font-weight: 400;
font-size: 16px;
padding: 10px 20px;
background: transparent;
text-decoration-line: none;
border: 1px solid #fff;
border-radius: 30px;
}
}
.logo_block{
padding-top: 30px;
.logo_inline{
display: inline-block;
padding-right: 10px;
width: 180px;
img{
width: 100%;
height: auto;
}
}
}
}
}
}
}
.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;
}
}
}
.why_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/home/home.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HomeComponent } from './home.component';
describe('HomeComponent', () => {
let component: HomeComponent;
let fixture: ComponentFixture<HomeComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HomeComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HomeComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/body/home/home.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
isShow = false;
search= false;
constructor() { }
ngOnInit() {
}
slideConfig = {"slidesToShow": 4, "slidesToScroll": 1,"arrow": false,"dots":false,"autoplay":true,"autoplaySpeed":2000,responsive:[{breakpoint:800,settings:{slidesToShow:2}},{breakpoint:600,settings:{slidesToShow:1}}]};
togglefunc(){
this.isShow = !this.isShow;
}
searchfunc(){
this.search = !this.search;
}
}
src/app/body/join/join.component.html 0 → 100644
<div class="m-join">
<div class="row">
<div class="col-md-6">
<div class="m-join-wedding">
<div class="m-join-planning">
<h3>Wedding planning starts here..</h3>
<div class="buttoncls-join">
<div class="row">
<div class="col-md-5">
<a href="login"> <button class="sig-btn">Login</button></a>
</div>
<div class="col-md-5">
<a href="join"><button class="siup-btn">Signup</button></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="m-join-body">
<div class="m-join-header">
<h3>START BY CREATING YOUR FREE ACCOUNT</h3>
</div>
<div class="m-join-conent">
<input type="text" placeholder="Enter Your First Name">
<input type="text" placeholder="Enter Your Last Name">
<input type="email" placeholder="Enter Your Email">
<input type="password" placeholder="Password">
<input type="text" placeholder="Wedding Date">
<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>
<div class="links">
<div class="row">
<div class="col">
<p> <a href="login">Already a Member?</a>LOG IN</p>
</div>
<div class="col">
<a href="#"> ARE YOU A VENDOR?</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/body/join/join.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-join{
.row{
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
.col-md-6{
width: 50%;
padding-right: 0px;
padding-left: 0px;
}
.m-join-wedding{
text-align: center;
//width:114%;
height: 100%;
object-fit: cover;
object-position: top;
background: url("../../../assets/img/login-img.png");
background-size: cover;
background-repeat: no-repeat;
h3{
padding-top: 168px;
color:#fff;
font-weight: 400;
font-size: 35px;
width: 73%;
padding-left: 212px;
text-align: center;
}
.buttoncls-join{
margin-top: 20px;
.sig-btn{
color: #fff;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
border-radius: 30px;
box-shadow: none;
height: 40px;
width:100px;
background:transparent;
border:1px solid #fff;
margin-left: 200px;
outline: none;
}
.siup-btn{
color: #fff;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
border-radius: 30px;
box-shadow: none;
height: 40px;
width:100px;
background: #ff9c00;
outline: none;
border: 1px solid #ff9c00;
&:hover{
background: transparent;
}
}
}
}
/******************right***********************/
.m-join-body{
background: #b638b6;
height:655px;
padding: 20px 20px 20px 40px;
.m-join-header{
h3{
font-size: 22px;
font-weight: 400;
color: #fff;
}
}
.txt-join{
color: #fff;
p{
margin-top: 40px;
font-size: 15px;
}
}
.m-join-conent {
margin-top: 10px;
}
.m-join-conent input{
width: 80%;
background: transparent;
border:none;
border-bottom: 1px solid #ccc;
color:#ffff;
outline: none;
line-height: 4.0;
font-size: 15px;
font-weight: 300;
&::placeholder{
color:white;
}
}
.btn-m-join{
padding-top: 40px;
.btn-signup{
color: #5d5a5a;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
background: #fff;
text-transform: capitalize;
border-radius: 30px;
box-shadow: none;
height: 40px;
width:100px;
border:1px;
outline: none;
&:hover{
background: #c717c7;
color:#fff;
}
}
}
}
.links{
margin-top: 70px;
a{
color:#fff;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
p{
color: #fff;
font-size: 15px;
font-weight: 400;
}
}
}
\ No newline at end of file
src/app/body/join/join.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { JoinComponent } from './join.component';
describe('JoinComponent', () => {
let component: JoinComponent;
let fixture: ComponentFixture<JoinComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ JoinComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(JoinComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/body/join/join.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-join',
templateUrl: './join.component.html',
styleUrls: ['./join.component.scss']
})
export class JoinComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/body/login/login.component.html 0 → 100644
<div class="m-login">
<div class="row">
<div class="col-md-6">
<div class="m-login-wedding">
<div class="m-login-planning">
<h3>Wedding planning starts here..</h3>
<div class="buttoncls">
<div class="row">
<div class="col-md-5">
<a href="login"> <button class="sig-btn">Login</button></a>
</div>
<div class="col-md-5">
<a href="sigin"><button class="siup-btn">Signup</button></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="m-login-body">
<div class="m-login-header">
<h3>LOGIN TO STORY PAGE EVENTS</h3>
</div>
<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" (click)="goToPage('loginaccount')">Login</button>
</div>
<div class="links">
<div class="row">
<div class="col">
<p> <a href="login">Already a Member?</a> LOG IN</p>
</div>
<div class="col">
<a href="#"> ARE YOU A VENDOR?</a>
</div>
</div>
<div class="frg-pass"><a href="#">Forgot Password</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/body/login/login.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-login {
.row{
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
.col-md-6{
width: 50%;
padding-right: 0px;
padding-left: 0px;
}
.m-login-wedding{
text-align: center;
//width:114%;
height: 100%;
object-fit: cover;
object-position: top;
background: url("../../../assets/img/login-img.png");
background-size: cover;
background-repeat: no-repeat;
h3{
padding-top: 168px;
color:#fff;
font-weight: 400;
font-size: 35px;
width: 73%;
padding-left: 212px;
text-align: center;
}
.buttoncls{
margin-top: 20px;
.sig-btn{
color: #fff;
font-weight: 400;
font-size: 16px;
background: #ff9c00;
text-transform: capitalize;
border-radius: 30px;
box-shadow: none;
height: 40px;
width:100px;
border: 1px solid #ff9c00;
margin-left: 200px;
outline: none;
&:hover{
background: transparent;
}
}
.siup-btn{
color: #fff;
font-weight: 400;
font-size: 16px;
background:transparent;
text-transform: capitalize;
border-radius: 30px;
box-shadow: none;
height: 40px;
width:100px;
border:1px solid #fff;
outline: none;
}
}
}
.m-login-body{
background: #b638b6;
height:655px;
padding: 200px 20px 20px 40px;
.m-login-header{
h3{
font-size: 22px;
font-weight: 400;
color: #fff;
}
}
.m-login-conent {
margin-top: 40px;
}
.m-login-conent input{
width: 80%;
background: transparent;
border:none;
border-bottom: 1px solid #ccc;
color:#ffff;
outline: none;
line-height: 4.0;
font-size: 15px;
font-weight: 300;
&::placeholder{
color:white;
}
}
.btn-m-login{
padding-top: 40px;
.btn-login{
color: #5d5a5a;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
background: #fff;
text-transform: capitalize;
border-radius: 30px;
box-shadow: none;
height: 40px;
width:100px;
border:1px;
outline: none;
&:hover{
background: #c717c7;
color:#fff;
}
}
}
}
.links{
margin-top: 70px;
a{
color:#fff;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
p{
color: #fff;
font-size: 15px;
font-weight: 400;
}
.frg-pass{
margin-left: 18px;
margin-top: 30px;
}
}
}
\ No newline at end of file
src/app/body/login/login.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { LoginComponent } from './login.component';
describe('LoginComponent', () => {
let component: LoginComponent;
let fixture: ComponentFixture<LoginComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ LoginComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(LoginComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/body/login/login.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
import { Router,ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.scss']
})
export class LoginComponent implements OnInit {
constructor(
private router: Router,
private route: ActivatedRoute
) { }
ngOnInit() {
}
goToPage(path,data=null){
this.router.navigateByUrl(path,{queryParams:data});
}
}
src/app/body/loginaccount/loginaccount.component.html 0 → 100644
<div class="loginaccount_overlay1">
<div class=" container">
<div class="row">
<div class="image_cam">
<img src="../../../assets/img/1.png">
<div class="image_top">
<img src="../../../assets/img/2.png">
</div>
</div>
</div>
<div class="row">
<div class="main_head">
<h2>Hi, Aleksandar !</h2>
<img src="../../../assets/img/4.png">
</div>
</div>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6 date_details">
<div class="row">
<div class="col date_details1">
<h5>2018-11-22</h5>
<img src="../../../assets/img/3.png">
</div>
<div class="col date_details2">
<div class="white_round"></div>
<img src="../../../assets/img/4.png">
</div>
</div>
</div>
<div class="col-md-3"></div>
</div>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8 date_time">
<div class="row">
<div class="col time_count">
<h1>EXPIRED</h1>
<h3>DAYS</h3>
</div>
<div class="col time_count">
<h1>-7</h1>
<h3>HOURS</h3>
</div>
<div class="col time_count">
<h1>-53</h1>
<h3>MINS</h3>
</div>
<div class="col time_count">
<h1>-47</h1>
<h3>SECS</h3>
</div>
</div>
</div>
<div class="col-md-2"></div>
</div>
<div class="row">
<div class="last_sent">
<h3>UNTILL WE SAY I DO!</h3>
</div>
</div>
</div>
</div>
<div class="loginaccount_overlay2">
<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>
</div>
<div class="loginaccount_overlay3">
<div class="container">
<div class="row">
<img src="../../../assets/img/8 (1).png">
</div>
<div class="row"><h2>NEXT TO-DOs</h2></div>
<div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6"></div>
</div>
</div>
</div>
src/app/body/loginaccount/loginaccount.component.scss 0 → 100644
.loginaccount_overlay1{
background-image:url("../../../assets/img/loginaccount1.png");
.container{
.row{
.image_cam{
position: relative;
margin: 0 auto;
margin-top: 30px;
.image_top{
position: absolute;
top: 0;
right: 0;
}
}
.main_head{
margin: 0 auto;
h2{
display: inline-block;
font-weight: 400;
font-size: 30px;
color: #fff;
}
img{
vertical-align: text-bottom;
padding-left: 10px;
}
}
.date_details{
.row{
padding-top: 15px;
.date_details1{
text-align: center;
h5{
display: inline-block;
font-weight: 400;
font-size: 16px;
color: #fff;
}
img{
width: 20px;
height: auto;
margin-left: 10px;
vertical-align: text-bottom;
}
}
.date_details2{
text-align: center;
.white_round{
display: inline-block;
background-color: #fff;
border-radius: 50%;
height: 10px;
width: 10px;
}
img{
margin-left: 15px;
width: 20px;
height: auto;
vertical-align: text-bottom;
}
}
}
}
.date_time{
.row{
padding-top: 30px;
text-align: center;
.time_count{
h1{
font-weight: 400;
font-size: 28px;
color: #fff;
}
h3{
font-weight: 400;
font-size: 18px;
color: #fff;
}
}
}
}
.last_sent{
margin: 0 auto;
padding-top: 30px;
padding-bottom: 100px;
h3{
font-weight: 400;
font-size: 18px;
color: #fff;
}
}
}
}
}
.loginaccount_overlay2{
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;
}
}
}
}
}
.loginaccount_overlay3{
background-color: #f1f1f1;
.container{
.row{
img{
margin: 0 auto;
margin-top: 40px;
}
h2{
margin: 0 auto;
margin-top: 30px;
font-weight: 600;
font-size: 20px;
color: #636363;
}
}
}
}
\ No newline at end of file
src/app/body/loginaccount/loginaccount.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { LoginaccountComponent } from './loginaccount.component';
describe('LoginaccountComponent', () => {
let component: LoginaccountComponent;
let fixture: ComponentFixture<LoginaccountComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ LoginaccountComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(LoginaccountComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/body/loginaccount/loginaccount.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-loginaccount',
templateUrl: './loginaccount.component.html',
styleUrls: ['./loginaccount.component.scss']
})
export class LoginaccountComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/footer/footer.component.html 0 → 100644
<div class="footer_overlay">
<div class=" container footer_content">
<div class="row">
<div class="col">
<h5>COMPANY</h5>
<a href="#">Forums</a>
<a href="#">Registry</a>
<a href="#">Venues</a>
<a href="#">Contact US</a>
</div>
<div class="col">
<h5>PLANNING TOOLS</h5>
<a href="#">Vendors Manager</a>
<a href="#">Checklist</a>
<a href="#">Message</a>
<a href="#">Guest List</a>
<a href="#">Budget</a>
</div>
<div class="col">
<h5>MORE</h5>
<a href="#">Wedding Websites</a>
<a href="#">Are You A Vendor?</a>
<a href="#">Terms & Privacy</a>
<a href="#">Help</a>
</div>
<div class="col">
<h5>GET THE APP</h5>
<div class="logo_inline">
<img src="../../assets/img/19.png">
</div>
<div class="logo_inline">
<img src="../../assets/img/20.png">
</div>
<div class="icons">
<div class="icon_cont">
<img src="../../assets/img/23.png">
</div>
<div class="icon_cont">
<img src="../../assets/img/24.png">
</div>
<div class="icon_cont">
<img src="../../assets/img/25.png">
</div>
</div>
</div>
</div>
</div>
<div class="footer_bottom"><a href="#">© 2006-2017 moments.com</a></div>
</div>
src/app/footer/footer.component.scss 0 → 100644
.footer_overlay{
background-color: #f3f3f3;
padding: 20px 0;
.footer_content{
padding-bottom: 10px;
.row{
.col{
h5{
color: #767676;
font-weight: 600;
font-size: 16px;
padding: 20px 0 0 0;
margin-bottom: 16px;
}
a{
display: block;
font-weight: 400;
font-size: 15px;
color: #767676;
margin-bottom: 16px;
}
.logo_inline{
display: inline-block;
padding-right: 10px;
width: 100px;
img{
width: 100%;
height: 100%;
}
}
.icons{
padding-top: 20px;
.icon_cont{
display: inline;
padding-right: 10px;
}
}
}
}
}
.footer_bottom{
text-align: center;
a{
font-weight: 400;
font-size: 15px;
color: #767676;
}
}
}
\ No newline at end of file
src/app/footer/footer.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { FooterComponent } from './footer.component';
describe('FooterComponent', () => {
let component: FooterComponent;
let fixture: ComponentFixture<FooterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ FooterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(FooterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/footer/footer.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.scss']
})
export class FooterComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/header/header.component.html 0 → 100644
<nav class="navbar navbar-expand-sm">
<div class="container">
<div class="logo" href="#"><img src="../../assets/img/Moments__logo.png"></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>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="Text-Style1 nav-link" href="#">WRITE A REVIEW</a>
</li>
<li class="nav-item">
<a class="Text-Style nav-link brd " href="#">PLANNING TOOLS</a>
</li>
<li class="nav-item linec">
<a class="brd">|</a>
</li>
<li class="nav-item ">
<a class="Text-Style nav-link brd" href="#">VENUES</a>
</li>
<li class="nav-item linec">
<a class="brd" >|</a>
</li>
<li class="nav-item">
<a class="Text-Style nav-link brd" href="#">VENDORS</a>
</li>
<li class="nav-item ">
<a class="login nav-link" href="login">LOGIN</a>
</li>
<li class="nav-item ">
<a class="join nav-link" href="join">JOIN</a>
</li>
</ul>
</div>
</div>
</nav>
\ No newline at end of file
src/app/header/header.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;
}
.logo img{
max-width: 240px;
}
.navbar-collapse{
margin-left: 25px;
ul{
.linec{
margin-top: 17px;
margin-left: 0px;
}
li{
margin: 8px;
a{
width: 100%;
height: 100%;
text-align: center;
}
.nav-link {
padding: 0px;
margin-right: 2px;
}
.brd{
// border-right: 1px solid #cccccc;
color: #878787;
}
.Text-Style {
color: #878787;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
margin-right: 25px;
padding: 10px 2px;
}
.Text-Style1 {
color: #c717c7;
border: 1px solid #c717c7;
background: transparent;
margin-right: 25px;
padding: 10px 2px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 13px;
border-radius: 30px;
&:hover{
background: #c717c7;
color:#ffff;
}
}
.join{
color: #d245d2;
border: 1px solid #d245d2;
background: transparent;
padding: 10px 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
border-radius: 30px;
width:94px;
&:hover{
background: #c717c7;
color:#ffff;
}
}
.login{
margin-left: 20px;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
padding: 10px 12px;
}
}
}
}
src/app/header/header.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HeaderComponent } from './header.component';
describe('HeaderComponent', () => {
let component: HeaderComponent;
let fixture: ComponentFixture<HeaderComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HeaderComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HeaderComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/header/header.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.scss']
})
export class HeaderComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/assets/responsive.scss 0 → 100644
/*
Site Name:
URI: http:
Description: This is the responsive css for
Version: 2.0
Author: Amal-Techware Solution
Author URI:
Tags:
---------------------------
CUSTOM STYLES
---------------------------
TABLE OF CONTENTS
---------------------------
01.0 Smartphones (portrait and landscape)
02.0 Smartphones (landscape)
03.0 Smartphones (portrait)
04.0 iPads (portrait and landscape)
05.0 iPads (landscape)
06.0 iPads (portrait)
07.0 Desktops and laptops
08.0 Large screens
09.0 iPhone 4
10.0 iPhone 5
11.0 iPhone 6
12.0 iPhone 6+
13.0 Samsung Galaxy S3
14.0 Samsung Galaxy S4
15.0 Samsung Galaxy S5
*/
/* 01. Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
//scss for footer
.footer_overlay{
.footer_content{
.row{
display: block !important;
}
}
}
//scss for home.html
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
}
.m_home_banner2{
.row{
display: block !important;
text-align: center !important;
.banner2_overlay1{
max-width: 100% !important;
img{
height: 300px !important;
}
}
.banner2_overlay2{
max-width: 100% !important;
background-size: cover !important;
.b2_over2_Contents{
padding: 20px 0px 20px 0px !important;
.row{
.col{
max-width: 100% !important;
padding-bottom: 15px !important;
}
}
.get_started{
padding-top: 15px !important;
}
.logo_block{
.logo_inline{
padding-left: 10px !important;
width: 150px !important;
}
}
}
}
}
}
.why_moments{
.why_moments_head{
margin: 5px !important;
}
}
//scss for review_slide
.review_slide{
.row{
ngx-slick-carousel{
.slide_content{
ul{
li{
.review_main{
.review_main_text{
p{
width: 300px !important;
}
}
}
}
}
}
}
}
}
//navbar scss
nav{
.navbar-collapse{
margin-left: 0px !important;
ul{
flex-direction: row !important;
li{
width: 75px !important;
a{
text-align: center !important;
}
}
}
.banner2_overlay2{
max-width: 100% !important;
background-size: cover !important;
.b2_over2_Contents{
padding: 20px 0px 20px 0px !important;
.row{
.col{
max-width: 100% !important;
padding-bottom: 15px !important;
}
}
.get_started{
padding-top: 15px !important;
}
.logo_block{
.logo_inline{
padding-left: 10px !important;
width: 150px !important;
}
}
}
}
}
}
/**************************login***************/
.m-login {
.col-md-6{
width: 100% !important;
height: 300px !important;
}
.m-login-wedding{
h3{
padding-top: 23px !important;
width: 100% !important;
padding-left: 0px !important;
}
.buttoncls{
margin-top: 10px !important;
.sig-btn{
width: 80px !important;
margin-bottom: 10px !important;
margin-left: 0px !important;
}
.siup-btn{
width: 80px !important;
margin-bottom: 10px !important;
margin-right: 0px !important;
}
}
}
.m-login-body{
padding: 15px 1px 1px 21px !important;
height: 500px !important;
h3{
font-size: 18px !important;
}
.m-login-conent {
margin-top: 10px !important;
.btn-login{
width: 80px !important;
}
}
}
}
/**************************join****************/
.m-join {
.col-md-6{
width: 100% !important;
height: 300px !important;
}
.m-join-wedding{
h3{
padding-top: 23px !important;
width: 100% !important;
padding-left: 0px !important;
}
.buttoncls-join{
margin-top: 10px !important;
.sig-btn{
width: 80px !important;
margin-bottom: 10px !important;
margin-left: 0px !important;
}
.siup-btn{
width: 80px !important;
margin-bottom: 10px !important;
margin-right: 0px !important;
}
}
}
.m-join-body{
padding: 15px 1px 1px 21px !important;
h3{
font-size: 18px !important;
}
.m-join-conent {
margin-top: 10px !important;
.btn-join{
width: 80px !important;
}
}
}
}
}
/* 02.0 Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {}
/* 03.0 Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {}
/* 04.0 iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
//scss for home.html
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 100px !important;
padding-bottom: 100px !important;
}
}
.m_home_banner2{
.row{
display: block !important;
text-align: center !important;
.banner2_overlay1{
max-width: 100% !important;
img{
height: 500px !important;
}
}
.banner2_overlay2{
max-width: 100% !important;
background-size: cover !important;
.b2_over2_Contents{
padding: 20px 0px 20px 0px !important;
.row{
.col{
padding-bottom: 15px !important;
max-width: 33% !important;
display: inline-block;
}
}
}
}
}
}
.why_moments{
.container{
.row{
.col-md-3{
max-width: 50% !important;
flex: 0 0 50% !important;
}
}
}
.why_moments_head{
margin: 5px !important;
}
}
//scss for review_slide
.review_slide{
.row{
ngx-slick-carousel{
.slide_content{
ul{
li{
.review_main{
.review_main_text{
p{
width: 300px !important;
}
}
}
}
}
}
}
}
}
}
/* 05.0 iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}
/* 06.0 iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}
/* 07.0 Desktops and laptops ----------- */
/* LOW RESOLUTION ----------- */
@media only screen and (min-width: 900px) and (max-device-width: 1249px) {
}
@media only screen and (min-width: 1250px) and (max-device-width: 1359px) {
//scss for home.html
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 250px !important;
padding-bottom: 150px !important;
}
}
.m_home_banner2{
.row{
.banner2_overlay2{
.b2_over2_Contents{
padding: 30px 0px 0px 30px !important;
}
}
}
}
.why_moments{
.why_moments_head{
margin: 5px !important;
}
}
}
@media only screen and (min-width: 1360px) and (max-device-width: 1399px) {
//scss for home.html
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 250px !important;
padding-bottom: 150px !important;
}
}
.m_home_banner2{
.row{
.banner2_overlay2{
.b2_over2_Contents{
.logo_block{
.logo_inline{
width: 140px !important;
}
}
}
}
}
}
}
@media only screen and (min-width: 1400px) and (max-device-width: 1600px) {
}
/* 08.0 Large screens ----------- */
@media only screen and (min-width: 1824px) {
}
/* 09.0 iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}
/* 10.0 iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 11.0 iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}
/* 12.0 iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 13.0 Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 14.0 Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
/* 15.0 Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
/*************contact**************************************/
}
@media (max-width: 480px) {}
@media only screen and (min-width: 1000px) {}
\ No newline at end of file
src/browserslist 0 → 100644
# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
# For additional information regarding the format and rule options, please see:
# https://github.com/browserslist/browserslist#queries
#
# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11
\ No newline at end of file
src/environments/environment.prod.ts 0 → 100644
export const environment = {
production: true
};
src/environments/environment.ts 0 → 100644
// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.
export const environment = {
production: false
};
/*
* For easier debugging in development mode, you can import the following file
* to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
*
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
src/favicon.ico 0 → 100644
File added
src/index.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Moments</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/d37b6e51ed.js"></script>
<link rel="icon" type="image/x-icon" href="./assets/img/Moments__tinylogo.png">
</head>
<body>
<app-root></app-root>
</body>
</html>
src/karma.conf.js 0 → 100644
// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html
module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmine', '@angular-devkit/build-angular'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-jasmine-html-reporter'),
require('karma-coverage-istanbul-reporter'),
require('@angular-devkit/build-angular/plugins/karma')
],
client: {
clearContext: false // leave Jasmine Spec Runner output visible in browser
},
coverageIstanbulReporter: {
dir: require('path').join(__dirname, '../coverage/moments'),
reports: ['html', 'lcovonly', 'text-summary'],
fixWebpackSourcePaths: true
},
reporters: ['progress', 'kjhtml'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false,
restartOnFileChange: true
});
};
src/main.ts 0 → 100644
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
src/polyfills.ts 0 → 100644
/**
* This file includes polyfills needed by Angular and is loaded before the app.
* You can add your own extra polyfills to this file.
*
* This file is divided into 2 sections:
* 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
* 2. Application imports. Files imported after ZoneJS that should be loaded before your main
* file.
*
* The current setup is for so-called "evergreen" browsers; the last versions of browsers that
* automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
* Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
*
* Learn more in https://angular.io/guide/browser-support
*/
/***************************************************************************************************
* BROWSER POLYFILLS
*/
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
// import 'classlist.js'; // Run `npm install --save classlist.js`.
/**
* Web Animations `@angular/platform-browser/animations`
* Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
* Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
*/
// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
* because those flags need to be set before `zone.js` being loaded, and webpack
* will put import in the top of bundle, so user need to create a separate file
* in this directory (for example: zone-flags.ts), and put the following flags
* into that file, and then add the following code before importing zone.js.
* import './zone-flags.ts';
*
* The flags allowed in zone-flags.ts are listed here.
*
* The following flags will work for all browsers.
*
* (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
* (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
* (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
*
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
* with the following flag, it will bypass `zone.js` patch for IE/Edge
*
* (window as any).__Zone_enable_cross_context_check = true;
*
*/
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
import 'zone.js/dist/zone'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
*/
src/styles.scss 0 → 100644
/* You can add global styles to this file, and also import other style files */
@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;
}
.clear{
clear: both;
}
//scss for hone.html
//scss for review_slide
.review_slide{
padding-top: 20px;
padding-bottom: 20px;
.row{
ngx-slick-carousel{
width: 100%;
button{
display: none !important;
}
.slide_content{
outline: none;
ul{
margin-bottom: 0px;
padding-left: 0px;
li{
list-style: none;
.review_main{
.review_main_img{
display: inline-block;
text-align: left;
vertical-align: top;
img{
height: 60px;
width: 60px;
border-radius: 50%;
object-fit: cover;
}
}
.review_main_text{
display: inline-block;
width: auto;
padding-left: 15px;
h5{
text-align: left;
font-size: 16px;
font-weight: 400;
color: #646464;
}
h6{
text-align: left;
font-size: 14px;
font-weight: 400;
color: #ff9c00;
}
p{
width: 200px;
max-height: 150px;
text-align: left;
font-weight: 400;
font-size: 14px;
color: #999999;
}
}
}
}
}
}
}
}
}
\ No newline at end of file
src/test.ts 0 → 100644
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
import 'zone.js/dist/zone-testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';
declare const require: any;
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);
src/tsconfig.app.json 0 → 100644
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"types": []
},
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}
src/tsconfig.spec.json 0 → 100644
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/spec",
"types": [
"jasmine",
"node"
]
},
"files": [
"test.ts",
"polyfills.ts"
],
"include": [
"**/*.spec.ts",
"**/*.d.ts"
]
}
src/tslint.json 0 → 100644
{
"extends": "../tslint.json",
"rules": {
"directive-selector": [
true,
"attribute",
"app",
"camelCase"
],
"component-selector": [
true,
"element",
"app",
"kebab-case"
]
}
}
tsconfig.json 0 → 100644
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"module": "es2015",
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"importHelpers": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2018",
"dom"
]
}
}
tslint.json 0 → 100644
{
"extends": "tslint:recommended",
"rulesDirectory": [
"codelyzer"
],
"rules": {
"array-type": false,
"arrow-parens": false,
"deprecation": {
"severity": "warn"
},
"import-blacklist": [
true,
"rxjs/Rx"
],
"interface-name": false,
"max-classes-per-file": false,
"max-line-length": [
true,
140
],
"member-access": false,
"member-ordering": [
true,
{
"order": [
"static-field",
"instance-field",
"static-method",
"instance-method"
]
}
],
"no-consecutive-blank-lines": false,
"no-console": [
true,
"debug",
"info",
"time",
"timeEnd",
"trace"
],
"no-empty": false,
"no-inferrable-types": [
true,
"ignore-params"
],
"no-non-null-assertion": true,
"no-redundant-jsdoc": true,
"no-switch-case-fall-through": true,
"no-use-before-declare": true,
"no-var-requires": false,
"object-literal-key-quotes": [
true,
"as-needed"
],
"object-literal-sort-keys": false,
"ordered-imports": false,
"quotemark": [
true,
"single"
],
"trailing-comma": false,
"no-output-on-prefix": true,
"use-input-property-decorator": true,
"use-output-property-decorator": true,
"use-host-property-decorator": true,
"no-input-rename": true,
"no-output-rename": true,
"use-life-cycle-interface": true,
"use-pipe-transform-interface": true,
"component-class-suffix": true,
"directive-class-suffix": true
}
}
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