Skip to content

Instantly share code, notes, and snippets.

@YakovSPb

YakovSPb/all

Last active January 30, 2019 09:51
Show Gist options
  • Save YakovSPb/8d969d51d60868d43aa845fdee7190f6 to your computer and use it in GitHub Desktop.
Save YakovSPb/8d969d51d60868d43aa845fdee7190f6 to your computer and use it in GitHub Desktop.
Download ZIP
build and deploy
Raw
all
<!DOCTYPE html>
<html lang="ru" xmlns="http://www.w3.org/1999/html">
<head>
<script src="libs/mmenu/js/jquery.mmenu.min.js"></script>
<meta charset="utf-8">
<title>Bakery</title>
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta property="og:image" content="path/to/image.jpg">
<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#000">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#000">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#000">
<link rel="stylesheet" href="css/main.min.css">
</head>
<body>
<div id="my-page">
<div id="my-header">
<header class="site-header">
<div class="top-line">
<a href="#my-menu" class="hamburger hamburger--collapse">
<span class="hamburger-box"><span class="hamburger-inner"></span></span>
</a>
<div class="container">
<div class="row">
<div class="col-sm-3 col-md-3 col-lg-2 col-lg-offset-1">
<div class="logo"><a href="#">Gustoso</a></div>
</div>
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="header-menu">
<nav id="my-menu">
<ul>
<li class="active"><a href="#">Welcome</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Reservations</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-sm-3 col-md-3 col-lg-2">
<div class="header-social">
<nav class="soc">
<ul>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="header-flex">
<div class="flex-center">
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<div class="header-composition">
<h1 class="h1">Pastry with love</h1>
<p>We’re bringing you fresh ingredients every day in ways you can’t resist</p>
<a href="#my-menu" class="button button-head">our menu</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
</div>
<div id="my-content">
<section class="art">
<div class="circle"></div>
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="art-content">
<h2 class="h2">Art of cakes</h2>
<b>We create delicious memories</b>
<p>Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed.</p>
<div class="chef">
<strong>Chef Cook</strong>
<div class="benito">
<span>Benito</span><span>Gaspare</span>
</div>
<div class="quote">Unique creations for unique<br/> occasions.</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="testes-wrap">
<div class="so-good">
Tastes so<br/> good!
</div>
<div class="teste">
<img src="img/cake-10.jpg" alt="Alt">
</div>
<div class="teste">
<img src="img/cake-20.jpg" alt="Alt">
</div>
<div class="teste">
<img src="img/cake-30.jpg" alt="Alt">
</div>
<div class="teste">
<img src="img/cake-40.jpg" alt="Alt">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pancakes">
<div class="container">
<div class="food-image">
<img src="img/pancake-10.jpg" class="on" alt="Alt">
<img src="img/pancake-20.jpg" alt="Alt">
<img src="img/pancake-30.jpg" alt="Alt">
<img src="img/pancake-40.jpg" alt="Alt">
</div>
<div class="food-content">
<div class="food-text ton">
<div class="readyin">
<strong>Ready in</strong>
<b>40</b>
<p>mins</p>
</div>
<h4>Tasty pancakes</h4>
<span>season favourite</span>
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus.</p>
</div>
<div class="food-text">
<div class="readyin">
commit <strong>Ready in</strong>
<b>20</b>
<p>mins</p>
</div>
<h4>Tasty sandwich</h4>
<span>season favourite</span>
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus.</p>
</div>
<div class="food-text">
<div class="readyin">
<strong>Ready in</strong>
<b>10</b>
<p>mins</p>
</div>
<h4>Tasty berry</h4>
<span>season favourite</span>
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus.</p>
</div>
<div class="food-text">
<div class="readyin">
<strong>Ready in</strong>
<b>35</b>
<p>mins</p>
</div>
<h4>Tasty salad</h4>
<span>season favourite</span>
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus.</p>
</div>
<div class="min-slider">
<div class="slider2">
<div class="slide-wrap">
<div class="slide2 on1">
<img src="img/pancake-10.jpg" alt="Alt">
</div>
</div>
<div class="slide-wrap">
<div class="slide2 on2">
<img src="img/pancake-20.jpg" alt="Alt">
</div>
</div>
<div class="slide-wrap on3">
<div class="slide2">
<img src="img/pancake-30.jpg" alt="Alt">
</div>
</div>
<div class="slide-wrap">
<div class="slide2 on4">
<img src="img/pancake-40.jpg" alt="Alt">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>
<div id="my-footer"></div>
</div>
<script src="js/scripts.min.js"></script>
</body>
</html>
Raw
build and deploy
1. Ставим 5 версию imagemin
npm i --save-dev gulp-imagemin@5
2. С помощью fizill переименовываем файл в app в .htaccess
3. Пишем в gulpfile сервер, имя, пароль
после var conn = ftp.create({
4. Пишем путь к папке на сервере к поддомену
.pipe(conn.dest('/dj7/public_html'));
5.Собираем проект
gulp build
6. Загружаем на сервер
gulp deploy
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment