create design model

parent b9867061
545-1-DEV @ 55777409
Subproject commit 55777409bf3dc426a8a197a139ad3d69769a1838
......@@ -375,6 +375,11 @@
"tslib": "^1.9.0"
}
},
"@ng-bootstrap/ng-bootstrap": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-2.2.0.tgz",
"integrity": "sha512-RUXYC00bTV/auJRRCUHFneOJStcLomKUTxpkp9GBdVNXmYaq+hg1IldHfWG7NLUEa7CcJ+vHB6YmKuktZ10HBw=="
},
"@ngtools/webpack": {
"version": "6.0.8",
"resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-6.0.8.tgz",
......@@ -2795,6 +2800,16 @@
"resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
"integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
"dev": true
},
"ws": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/ws/-/ws-1.1.2.tgz",
"integrity": "sha1-iiRPoFJAHgjJiGz0SoUYnh/UBn8=",
"dev": true,
"requires": {
"options": ">=0.0.5",
"ultron": "1.0.x"
}
}
}
},
......@@ -2832,6 +2847,16 @@
"resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
"integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
"dev": true
},
"ws": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/ws/-/ws-1.1.2.tgz",
"integrity": "sha1-iiRPoFJAHgjJiGz0SoUYnh/UBn8=",
"dev": true,
"requires": {
"options": ">=0.0.5",
"ultron": "1.0.x"
}
}
}
},
......
......@@ -20,6 +20,7 @@
"@angular/platform-browser": "^6.0.3",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/router": "^6.0.3",
"@ng-bootstrap/ng-bootstrap": "^2.2.0",
"core-js": "^2.5.4",
"rxjs": "^6.0.0",
"zone.js": "^0.8.26"
......
<!--The content below is only a placeholder and can be replaced.-->
<appHeader></appHeader>
<appReview></appReview>
<appNews></appNews>
<appFooter></appFooter>
<div style="text-align:center">
<h1>
Welcome to {{ title }}!
......
import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [
AppComponent
],
}).compileComponents();
}));
it('should create the app', async(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
}));
it(`should have as title 'app'`, async(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app.title).toEqual('app');
}));
it('should render title in a h1 tag', async(() => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
expect(compiled.querySelector('h1').textContent).toContain('Welcome to my-app!');
}));
});
......@@ -3,8 +3,9 @@ import {Component} from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
styleUrls: ['../dist/newcss.css']
})
export class AppComponent {
title ='olol'
title = 'olol'
}
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import {AppComponent} from './app.component';
import {HeaderComponent} from './header.component';
......@@ -7,6 +8,7 @@ import {NewsComponent} from './news.component';
import {ReviewComponent} from './review.component';
import {FooterComponent} from './footer.component';
@NgModule({
declarations: [
AppComponent,
......
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 10.07.2018, 12:54:25
Author : admin
*/
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>TODO write content</div>
</body>
</html>
<section id="footer">
<div class="container">
<div class="navbar navbar-inverse" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="float:left; border-color: #3330;">
<div class="social-icons pull-right" style="margin-top: -7px;">
<ul class="nav nav-pills">
<li><a href=""><i class="fab fa-vk vk"></i></a></li>
<li><a href=""><i class="fab fa-youtube you"></i></a></li>
<li><a href=""><i class="fab fa-instagram insta"></i></a></li>
<li><a href=""><i class="fab fa-odnoklassniki ok"></i></a></li>
</ul>
</div>
</button>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Навигация</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-left">
<li><a href="index.html">Программа компенсации для иногородних</a></li>
<li><a href="#">Утилизация</a></li>
<li><a href="#">Кредит без первоначального взноса</a></li>
<li><a href="#">Страхование</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer id="footer-content">
<div class="container">
<div class="row">
<div class="col-sm-12 overflow height-header">
<div class="social-icons">
<a class="navbar-brand" href="index.html">
<h1><img class="height resp-img" src="images/logo3.svg" alt="logo"></h1>
</a>
<div class="col-lg-10 col-md-9 col-sm-12 header-position no-padding ">
<div class="col-md-3 col-sm-4 col-xs-12 no-padding-left footer-main width30">
г.Тольятти, пос. Тимофеевка,<br>
ул. Солнечная 1А <br>
Сервис: <a class="orange" href="tel:88482555424"> 8 (8482) 555-424</a> <br>
</div>
<div class="col-md-3 col-sm-4 col-xs-12 no-padding-right width30 footer-main">
г. Самара, <br>
ул. Алма-Атинская 87 <br>
Сервис: <a class="orange" href="tel:88482555424"> 8 (846) 215-00-07</a>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 no-padding-right bord-n footer-main margin15">
8 (800) 100-38-21 <br>
info@asavtomotors.ru
</div>
<div class="col-md-2 no-padding hidden-xs">
<div class="social-icons pull-right">
<ul class="nav nav-pills">
<li><a href=""><i class="fab fa-vk vk"></i></a></li>
<li><a href=""><i class="fab fa-youtube you"></i></a></li>
<li><a href=""><i class="fab fa-instagram insta"></i></a></li>
<li><a href=""><i class="fab fa-odnoklassniki ok"></i></a></li>
</ul>
</div> </div>
<div class="col-xs-12 no-padding">
<div class="col-sm-9 no-padding">
<p class="footer-oferta"> © 2016 группа компаний "АсАвто"<br>
Обращаем ваше внимание на то, что данный интернет-сайт носит исключительно информационный характер и ни при каких условиях не является публичной офертой, определяемой положениями ч. 2 ст. 437 Гражданского кодекса Российской Федерации. Для получения подробной информации о стоимости автомобилей, пожалуйста, обращайтесь к менеджерам автосалона.
<p>
</div>
<div class="col-sm-3 fio">Павел Попков, задание 1</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
......@@ -3,8 +3,8 @@ import {Component} from '@angular/core';
@Component({
selector: 'appFooter',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.css']
})
export class FooterComponent {
title ='footer'
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 10.07.2018, 12:19:40
Author : admin
*/
......@@ -3,8 +3,8 @@ import {Component} from '@angular/core';
@Component({
selector: 'appHeader',
templateUrl: './header.component.html',
styleUrls: ['./header.component.css']
})
export class HeaderComponent {
title ='olol'
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 10.07.2018, 12:53:43
Author : admin
*/
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>TODO write content</div>
</body>
</html>
<section id="title" style="
border: none;
">
<div class="container ololo2">
<div class="row">
<div class="col-sm-6 col-xs-6">
<h1 class="title-sect2">Новости</h1>
</div>
<div class="col-sm-6 col-xs-6 read">
<a href="#" class="read-more">Больше новостей <i class="fas fa-chevron-right "></i></a>
</div>
</div>
</div>
</section>
<section id="blog" class="padding-top padding-bottom">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="row">
<div class="col-md-6 col-sm-12 blog-padding-right padding-bott">
<div class="single-blog two-column">
<div class="row">
<a href="#">
<div class="post-thumb img-after col-sm-5">
<div class="cube" style="background: url('images/29_1.png'); background-position: center; background-size: cover;"></div>
</div>
</a>
<div class="overflow col-sm-7">
<h2 class="post-title bold"><a href="#">Презентация Lifan Solano II</a></h2>
<p class="description-news">
4 сентября в УСК «Олимп» на крупнейшей ежегодной автомобильной выставке-шоу «MOTOREXPO 2016» прошла презентация Solano II от автосалона «АсАвто»
</p>
<a href="#" class="read-more">Подробнее</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 blog-padding-right padding-bott">
<div class="single-blog two-column">
<div class="row">
<a href="#">
<div class="post-thumb img-after col-sm-5">
<div class="cube" style="background: url('images/111.jpg'); background-position: center; background-size: cover;"></div>
</div>
</a>
<div class="overflow col-sm-7">
<h2 class="post-title bold"><a href="#">Lifan Solano II Возвращение легенды!</a></h2>
<p class="description-news">
21 сентября в Москве состоится официальная презентация Lifan Solano II. Помимо презентации, в этот день пройдёт и торжественная церемония старта продаж автомобиля
</p>
<a href="#" class="read-more">Подробнее</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 blog-padding-right padding-bott">
<div class="single-blog two-column">
<div class="row">
<a href="#">
<div class="post-thumb img-after col-sm-5">
<div class="cube" style="background: url('images/30.png'); background-position: center; background-size: cover;"></div>
</div>
</a>
<div class="overflow col-sm-7">
<h2 class="post-title bold"><a href="#">Новая комплектация Chery Tiggo 5</a></h2>
<p class="description-news">
АО «ЧЕРИ АВТОМОБИЛИ РУС» объявляет о расширении комплектаций для кроссовера Chery Tiggo 5, предлагаемых российским клиентам
</p>
<a href="#" class="read-more">Подробнее</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 blog-padding-right padding-bott">
<div class="single-blog two-column">
<div class="row">
<a href="#">
<div class="post-thumb img-after col-sm-5">
<div class="cube" style="background: url('images/32.png'); background-position: center; background-size: cover;"></div>
</div>
</a>
<div class="overflow col-sm-7">
<h2 class="post-title bold"><a href="#">Маркетинг по-китайски</a></h2>
<p class="description-news">
Обычно мы не верим написанному в рекламных проспектах: «скидки», «акции», «выгода», а еще эти нерусские sale и trade-in
</p>
<a href="#" class="read-more">Подробнее</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
......@@ -3,8 +3,8 @@ import {Component} from '@angular/core';
@Component({
selector: 'appNews',
templateUrl: './news.component.html',
styleUrls: ['./news.component.css']
})
export class NewsComponent {
title ='ololnews'
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 10.07.2018, 12:50:38
Author : admin
*/
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>TODO write content</div>
</body>
</html>
<section id="services" class="padding-service">
<div class="container">
<div class="row">
<div class="col-xs-1-10 ">
<!-- <i class="fas fa-chevron-left orange-icon-left"></i>-->
</div>
<div class="col-xs-1-10 circle-main text-center wow fadeIn" data-wow-duration="1000ms" data-wow-delay="100ms">
<div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="100ms">
<img class="padding-image-main" src="images/1.png" alt="">
</div>
</div>
<div class="col-xs-1-10 circle-main text-center wow fadeIn" data-wow-duration="1000ms" data-wow-delay="200ms">
<div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="200ms">
<img class="padding-image-main2" src="images/2_2.png" alt="">
</div>
</div>
<div class="col-xs-1-10 circle-main text-center wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms">
<img class="padding-image-main" src="images/33.png" alt="">
</div>
</div>
<div class="col-xs-1-10 circle-main text-center wow fadeIn" data-wow-duration="1000ms" data-wow-delay="400ms">
<div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="400ms">
<img class="padding-image-main" src="images/4.png" alt="">
</div>
</div>
<div class="col-xs-1-10 circle-main text-center wow fadeIn" data-wow-duration="1000ms" data-wow-delay="500ms">
<div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="500ms">
<img class="padding-image-main2" src="images/5.png" alt="">
</div>
</div>
<div class="col-xs-1-10 circle-main text-center wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms">
<div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms">
<img class="padding-image-main" src="images/6.png" alt="">
</div>
</div>
<div class="col-xs-1-10 circle-main text-center wow fadeIn" data-wow-duration="1000ms" data-wow-delay="700ms">
<div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="700ms">
<img class="padding-image-main" src="images/7.png" alt="">
</div>
</div>
<div class="col-xs-1-10 circle-main text-center wow fadeIn" data-wow-duration="1000ms" data-wow-delay="800ms">
<div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="800ms">
<img class="padding-image-main3" src="images/3.png" alt="">
</div>
</div>
<div class="col-xs-1-10">
<!-- <i class="fas fa-chevron-right orange-icon-right"></i>-->
</div>
</div>
</div>
</section>
<section id="title">
<div class="container">
<h1 class="title-sect">Отзывы</h1>
</div>
</section>
<section id="blog" class="padding-top padding-bottom">
<div class="container">
<div class="row">
<div class="masonery_area" style="position: relative; height: 1774px;">
<div class="col-md-6 col-sm-12 padding-bottom" style="position: absolute; left: 0px; top: 0px;">
<div class="single-blog two-column">
<div class="row">
<div class="post-thumb col-sm-4 col-md-5 col-xs-12">
<img src="images/28.png" class="img-responsive" alt="">
</div>
<div class="post-content overflow col-sm-8 col-xs-11 col-md-7">
<h2 class="post-title bold ">Баязитова Л. Ф.</h2>
<p class="italic">13 октября 2016, Уфа</p>
<p class="description-post">
Нам очень понравилось обслуживание в салоне. Хотим выразить благодарность менеджеру Александру Яковлеву и Шапогиной Татьяне. Менеджер - очень уверенный, знающий свое дело молодой человек. Он все объяснил, показал. Понравилась работа девушек, которые считали страховку и все оформляли. По качеству работы отдела продаж ставлю высший бал.
</p>
<a href="#" class="read-more">Купить этот автомобиль</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 padding-bottom" style="position: absolute; left: 0px; top: 0px;">
<div class="single-blog two-column">
<div class="row">
<div class="post-thumb col-sm-4 col-md-5 col-xs-12">
<img src="images/28.png" class="img-responsive" alt="">
</div>
<div class="post-content overflow col-sm-8 col-xs-11 col-md-7">
<h2 class="post-title bold ">Баязитова Л. Ф.</h2>
<p class="italic">13 октября 2016, Уфа</p>
<p class="description-post">
Нам очень понравилось обслуживание в салоне.
</p>
<a href="#" class="read-more">Купить этот автомобиль</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 padding-bottom" style="position: absolute; left: 0px; top: 0px;">
<div class="single-blog two-column">
<div class="row">
<div class="post-thumb col-sm-4 col-md-5 col-xs-12">
<img src="images/28.png" class="img-responsive" alt="">
</div>
<div class="post-content overflow col-sm-8 col-xs-11 col-md-7">
<h2 class="post-title bold ">Баязитова Л. Ф.</h2>
<p class="italic">13 октября 2016, Уфа</p>
<p class="description-post">
Нам очень понравилось обслуживание в салоне. Хотим выразить благодарность менеджеру Александру Яковлеву и Шапогиной Татьяне. Менеджер - очень уверенный, знающий свое дело молодой человек. Он все объяснил, показал. Понравилась работа девушек, которые считали страховку и все оформляли. По качеству работы отдела продаж ставлю высший бал.
</p>
<a href="#" class="read-more">Купить этот автомобиль</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 padding-bottom" style="position: absolute; left: 0px; top: 0px;">
<div class="single-blog two-column">
<div class="row">
<div class="post-thumb col-sm-4 col-md-5 col-xs-12">
<img src="images/28.png" class="img-responsive" alt="">
</div>
<div class="post-content overflow col-sm-8 col-xs-11 col-md-7">
<h2 class="post-title bold ">Баязитова Л. Ф.</h2>
<p class="italic">13 октября 2016, Уфа</p>
<p class="description-post">
Нам очень понравилось обслуживание в салоне.
</p>
<a href="#" class="read-more">Купить этот автомобиль</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 padding-bottom" style="position: absolute; left: 0px; top: 0px;">
<div class="single-blog two-column">
<div class="row">
<div class="post-thumb col-sm-5">
<img src="images/28.png" class="img-responsive" alt="">
</div>
<div class="post-content overflow col-sm-6">
<h2 class="post-title bold ">Баязитова Л. Ф.</h2>
<p class="italic">13 октября 2016, Уфа</p>
<p class="description-post">
Нам очень понравилось обслуживание в салоне. Хотим выразить благодарность менеджеру Александру Яковлеву и Шапогиной Татьяне. Менеджер - очень уверенный, знающий свое дело молодой человек. Он все объяснил, показал. Понравилась работа девушек, которые считали страховку и все оформляли. По качеству работы отдела продаж ставлю высший бал.
</p>
<a href="#" class="read-more">Купить этот автомобиль</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 padding-bottom" style="position: absolute; left: 0px; top: 0px;">
<div class="single-blog two-column">
<div class="row">
<div class="post-thumb col-md-4 col-sm-5">
<img src="images/28.png" class="img-responsive" alt="">
</div>
<div class="post-content overflow col-sm-6 col-md-8">
<h2 class="post-title bold ">Баязитова Л. Ф.</h2>
<p class="italic">13 октября 2016, Уфа</p>
<p class="description-post">
Нам очень понравилось обслуживание в салоне.
</p>
<a href="#" class="read-more">Купить этот автомобиль</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
import {Component} from '@angular/core';
@Component({
selector: 'appNews',
selector: 'appReview',
templateUrl: './review.component.html',
styleUrls: ['./review.component.css']
})
export class ReviewComponent {
title ='review'
}
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Отзывы | АсАвто.ру</title>
<link href="dist/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
......@@ -17,6 +20,9 @@
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
......
/* You can add global styles to this file, and also import other style files */
.body{background: red}
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