API tools faq
paste
Guest User

Untitled

a guest
May 23rd, 2021
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 18.60 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2.  
  3. /* @var $this \yii\web\View */
  4. /* @var $content string */
  5.  
  6. use app\widgets\Alert;
  7. use yii\helpers\Html;
  8. use yii\bootstrap\Nav;
  9. use yii\bootstrap\NavBar;
  10. use yii\widgets\Breadcrumbs;
  11. use app\assets\AppAsset;
  12.  
  13. AppAsset::register($this);
  14. $this->title = 'Nexo78';
  15. ?>
  16. <?php $this->beginPage() ?>
  17. <!DOCTYPE html>
  18. <html lang="<?= Yii::$app->language ?>">
  19. <head>
  20.     <meta charset="<?= Yii::$app->charset ?>">
  21.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  22.     <meta name="viewport" content="width=device-width, initial-scale=1">
  23.     <?php $this->registerCsrfMetaTags() ?>
  24.     <title><?= Html::encode($this->title) ?></title>
  25.     <?php $this->head() ?>
  26.     <link href="../web/assets/css/font-awesome.min.css" rel="stylesheet" media="screen">
  27.     <link href="../web/assets/css/simple-line-icons.css" rel="stylesheet" media="screen">
  28.     <script src="../web/assets/js/modernizr.custom.js"></script>
  29. </head>
  30. <body>
  31. <?php $this->beginBody() ?>
  32.  
  33. <section id="home" class="pfblock-image screen-height">
  34.     <div class="home-overlay"></div>
  35.     <div class="intro">
  36.         <div class="start">Привет, меня зовут Джон и я</div>
  37.         <h1>Full-Stack Web разработчик</h1>
  38.         <div class="start">Я разрабатываю веб-приложения</div>
  39.     </div>
  40.  
  41.     <a href="#services">
  42.         <div class="scroll-down">
  43.             <span>
  44.                 <i class="fa fa-angle-down fa-2x"></i>
  45.             </span>
  46.         </div>
  47.     </a>
  48. </section>
  49.  
  50. <header class="header">
  51.     <nav class="navbar navbar-custom" role="navigation">
  52.         <div class="container">
  53.             <div class="navbar-header">
  54.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#custom-collapse">
  55.                     <span class="sr-only">Toggle navigation</span>
  56.                     <span class="icon-bar"></span>
  57.                     <span class="icon-bar"></span>
  58.                     <span class="icon-bar"></span>
  59.                 </button>
  60.                 <a class="navbar-brand" href="/">Джон</a>
  61.             </div>
  62.             <div class="collapse navbar-collapse" id="custom-collapse">
  63.                 <ul class="nav navbar-nav navbar-right">
  64.                     <li><a href="#home">Home</a></li>
  65.                     <li><a href="#services">Services</a></li>
  66.                     <li><a href="#portfolio">Works</a></li>
  67.                     <li><a href="#skills">Skills</a></li>
  68.                     <li><a href="#testimonials">Testimonials</a></li>
  69.                 </ul>
  70.             </div>
  71.         </div>
  72.     </nav>
  73. </header>
  74.  
  75. <section id="services" class="pfblock pfblock-gray">
  76.     <div class="container">
  77.         <div class="row">
  78.             <div class="col-sm-6 col-sm-offset-3">
  79.                 <div class="pfblock-header wow fadeInUp">
  80.                     <h2 class="pfblock-title">Это то, что я умею</h2>
  81.                     <div class="pfblock-line"></div>
  82.                     <div class="pfblock-subtitle">
  83.                         Никто не зажигает лампу, чтобы спрятать ее за дверью: цель света - создать больше света, открыть глаза людям, раскрыть чудеса вокруг.
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </div>
  88.         <div class="row">
  89.             <div class="col-sm-3">
  90.                 <div class="iconbox wow slideInLeft">
  91.                     <div class="iconbox-icon">
  92.                         <span class="icon-magic-wand"></span>
  93.                     </div>
  94.                     <div class="iconbox-text">
  95.                         <h3 class="iconbox-title">Веб-дизайн</h3>
  96.                         <div class="iconbox-desc">
  97.                             Хорошие вещи приходят к тем, кто ждет, но только то, что остается у тех, кто спешит
  98.                         </div>
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.  
  103.             <div class="col-sm-3">
  104.                 <div class="iconbox wow slideInLeft">
  105.                     <div class="iconbox-icon">
  106.                         <span class="icon-puzzle"></span>
  107.                     </div>
  108.                     <div class="iconbox-text">
  109.                         <h3 class="iconbox-title">Web-программирование</h3>
  110.                         <div class="iconbox-desc">
  111.                             Хорошие вещи приходят к тем, кто ждет, но только то, что остается у тех, кто спешит
  112.                         </div>
  113.                     </div>
  114.                 </div>
  115.             </div>
  116.  
  117.             <div class="col-sm-3">
  118.  
  119.                 <div class="iconbox wow slideInRight">
  120.                     <div class="iconbox-icon">
  121.                         <span class="icon-badge"></span>
  122.                     </div>
  123.                     <div class="iconbox-text">
  124.                         <h3 class="iconbox-title">Маркетинг</h3>
  125.                         <div class="iconbox-desc">
  126.                             Хорошие вещи приходят к тем, кто ждет, но только то, что остается у тех, кто спешит
  127.                         </div>
  128.                     </div>
  129.                 </div>
  130.             </div>
  131.  
  132.             <div class="col-sm-3">
  133.  
  134.                 <div class="iconbox wow slideInRight">
  135.                     <div class="iconbox-icon">
  136.                         <span class="icon-question"></span>
  137.                     </div>
  138.                     <div class="iconbox-text">
  139.                         <h3 class="iconbox-title">Консультации</h3>
  140.                         <div class="iconbox-desc">
  141.                             Хорошие вещи приходят к тем, кто ждет, но только то, что остается у тех, кто спешит
  142.                         </div>
  143.                     </div>
  144.                 </div>
  145.             </div>
  146.         </div>
  147.     </div>
  148. </section>
  149. <section id="portfolio" class="pfblock">
  150.     <div class="container">
  151.         <div class="row">
  152.  
  153.             <div class="col-sm-6 col-sm-offset-3">
  154.  
  155.                 <div class="pfblock-header wow fadeInUp">
  156.                     <h2 class="pfblock-title">Мои Работы</h2>
  157.                     <div class="pfblock-line"></div>
  158.                     <div class="pfblock-subtitle">
  159.                         Хорошие вещи приходят к тем, кто ждет, но только то, что остается у тех, кто спешит
  160.                     </div>
  161.                 </div>
  162.  
  163.             </div>
  164.  
  165.         </div><!-- .row -->
  166.  
  167.  
  168.         <div class="row">
  169.  
  170.             <div class="col-xs-12 col-sm-4 col-md-4">
  171.  
  172.                 <div class="grid wow zoomIn">
  173.                     <figure class="effect-bubba">
  174.                         <img src="../web/assets/images/item-1.jpg" alt="img01"/>
  175.                         <figcaption>
  176.                             <h2>Crazy <span>Shark</span></h2>
  177.                             <p>Lily likes to play with crayons and pencils</p>
  178.                         </figcaption>
  179.                     </figure>
  180.                 </div>
  181.  
  182.             </div>
  183.  
  184.             <div class="col-xs-12 col-sm-4 col-md-4">
  185.  
  186.                 <div class="grid wow zoomIn">
  187.                     <figure class="effect-bubba">
  188.                         <img src="../web/assets/images/item-2.jpg" alt="img01"/>
  189.                         <figcaption>
  190.                             <h2>Funny <span>Tortoise</span></h2>
  191.                             <p>Lily likes to play with crayons and pencils</p>
  192.                         </figcaption>
  193.                     </figure>
  194.                 </div>
  195.  
  196.             </div>
  197.  
  198.             <div class="col-xs-12 col-sm-4 col-md-4">
  199.  
  200.                 <div class="grid wow zoomIn">
  201.                     <figure class="effect-bubba">
  202.                         <img src="../web/assets/images/item-3.jpg" alt="img01"/>
  203.                         <figcaption>
  204.                             <h2>The <span>Hat</span></h2>
  205.                             <p>Lily likes to play with crayons and pencils</p>
  206.                         </figcaption>
  207.                     </figure>
  208.                 </div>
  209.  
  210.             </div>
  211.  
  212.             <div class="col-xs-12 col-sm-4 col-md-4">
  213.  
  214.                 <div class="grid wow zoomIn">
  215.                     <figure class="effect-bubba">
  216.                         <img src="../web/assets/images/item-4.jpg" alt="img01"/>
  217.                         <figcaption>
  218.                             <h2>Bang <span>Bang</span></h2>
  219.                             <p>Lily likes to play with crayons and pencils</p>
  220.                         </figcaption>
  221.                     </figure>
  222.                 </div>
  223.  
  224.             </div>
  225.  
  226.             <div class="col-xs-12 col-sm-4 col-md-4">
  227.  
  228.                 <div class="grid wow zoomIn">
  229.                     <figure class="effect-bubba">
  230.                         <img src="../web/assets/images/item-5.jpg" alt="img01"/>
  231.                         <figcaption>
  232.                             <h2>Crypton <span>Dude</span></h2>
  233.                             <p>Lily likes to play with crayons and pencils</p>
  234.                         </figcaption>
  235.                     </figure>
  236.                 </div>
  237.  
  238.             </div>
  239.  
  240.             <div class="col-xs-12 col-sm-4 col-md-4">
  241.  
  242.                 <div class="grid wow zoomIn">
  243.                     <figure class="effect-bubba">
  244.                         <img src="../web/assets/images/item-6.jpg" alt="img01"/>
  245.                         <figcaption>
  246.                             <h2>Don't <span>Poke</span></h2>
  247.                             <p>Lily likes to play with crayons and pencils</p>
  248.                         </figcaption>
  249.                     </figure>
  250.                 </div>
  251.  
  252.             </div>
  253.  
  254.         </div>
  255.  
  256.  
  257.     </div><!-- .contaier -->
  258.  
  259. </section>
  260.  
  261. <section class="pfblock pfblock-gray" id="skills">
  262.  
  263.     <div class="container">
  264.  
  265.         <div class="row skills">
  266.  
  267.             <div class="row">
  268.  
  269.                 <div class="col-sm-6 col-sm-offset-3">
  270.  
  271.                     <div class="pfblock-header wow fadeInUp">
  272.                         <h2 class="pfblock-title">Мои навыки</h2>
  273.                         <div class="pfblock-line"></div>
  274.                         <div class="pfblock-subtitle">
  275.                             No one lights a lamp in order to hide it behind the door: the purpose of light is to create more light, to open people’s eyes, to reveal the marvels around.
  276.                         </div>
  277.                     </div>
  278.  
  279.                 </div>
  280.  
  281.             </div><!-- .row -->
  282.  
  283.             <div class="col-sm-6 col-md-3 text-center">
  284.                         <span data-percent="90" class="chart easyPieChart" style="width: 140px; height: 140px; line-height: 140px;">
  285.                             <span class="percent">90</span>
  286.                         </span>
  287.                 <h3 class="text-center">Программирование</h3>
  288.             </div>
  289.             <div class="col-sm-6 col-md-3 text-center">
  290.                         <span data-percent="40" class="chart easyPieChart" style="width: 140px; height: 140px; line-height: 140px;">
  291.                             <span class="percent">40</span>
  292.                         </span>
  293.                 <h3 class="text-center">Дизайн</h3>
  294.             </div>
  295.             <div class="col-sm-6 col-md-3 text-center">
  296.                         <span data-percent="40" class="chart easyPieChart" style="width: 140px; height: 140px; line-height: 140px;">
  297.                             <span class="percent">40</span>
  298.                         </span>
  299.                 <h3 class="text-center">UI / UX</h3>
  300.             </div>
  301.  
  302.         </div><!--End row -->
  303.  
  304.     </div>
  305.  
  306. </section>
  307.  
  308. <!-- Skills end -->
  309.  
  310. <!-- CallToAction start -->
  311.  
  312. <section class="calltoaction">
  313.     <div class="container">
  314.  
  315.         <div class="row">
  316.  
  317.             <div class="col-md-12 col-lg-12">
  318.                 <h2 class="wow slideInRight" data-wow-delay=".1s">ARE YOU READY TO START?</h2>
  319.                 <div class="calltoaction-decription wow slideInRight" data-wow-delay=".2s">
  320.                     I'm available for freelance projects.
  321.                 </div>
  322.             </div>
  323.  
  324.             <div class="col-md-12 col-lg-12 calltoaction-btn wow slideInRight" data-wow-delay=".3s">
  325.                 <a href="#contact" class="btn btn-lg">Hire Me</a>
  326.             </div>
  327.  
  328.         </div><!-- .row -->
  329.     </div><!-- .container -->
  330. </section>
  331.  
  332. <!-- CallToAction end -->
  333.  
  334. <!-- Testimonials start -->
  335.  
  336. <section id="testimonials" class="pfblock pfblock-gray">
  337.  
  338.     <div class="container">
  339.  
  340.         <div class="row">
  341.  
  342.             <div class="col-sm-6 col-sm-offset-3">
  343.  
  344.                 <div class="pfblock-header wow fadeInUp">
  345.                     <h2 class="pfblock-title">What my clients say</h2>
  346.                     <div class="pfblock-line"></div>
  347.                     <div class="pfblock-subtitle">
  348.                         No one lights a lamp in order to hide it behind the door: the purpose of light is to create more light, to open people’s eyes, to reveal the marvels around.
  349.                     </div>
  350.                 </div>
  351.  
  352.             </div>
  353.  
  354.         </div><!-- .row -->
  355.  
  356.         <div class="row">
  357.  
  358.             <div id="cbp-qtrotator" class="cbp-qtrotator">
  359.                 <div class="cbp-qtcontent">
  360.                     <img src="../web/assets/images/client-1.jpg" alt="client-1" />
  361.                     <blockquote>
  362.                         <p>Work with John was a pleasure. He understood exactly what I wanted and created an awesome site for my company.</p>
  363.                         <footer>Pino Caruso</footer>
  364.                     </blockquote>
  365.                 </div>
  366.                 <div class="cbp-qtcontent">
  367.                     <img src="../web/assets/images/client-2.jpg" alt="client-2" />
  368.                     <blockquote>
  369.                         <p>I'm really happy with the results. Get 100% satisfaction is difficult but Alex got it without problems.</p>
  370.                         <footer>Jane Doe</footer>
  371.                     </blockquote>
  372.                 </div>
  373.  
  374.             </div>
  375.  
  376.         </div><!-- .row -->
  377.  
  378.  
  379.     </div><!-- .row -->
  380. </section>
  381.  
  382. <!-- Testimonial end -->
  383.  
  384.  
  385. <!-- Contact start -->
  386.  
  387. <section id="contact" class="pfblock">
  388.     <div class="container">
  389.         <div class="row">
  390.  
  391.             <div class="col-sm-6 col-sm-offset-3">
  392.  
  393.                 <div class="pfblock-header">
  394.                     <h2 class="pfblock-title">Drop me a line</h2>
  395.                     <div class="pfblock-line"></div>
  396.                     <div class="pfblock-subtitle">
  397.                         No one lights a lamp in order to hide it behind the door: the purpose of light is to create more light, to open people’s eyes, to reveal the marvels around.
  398.                     </div>
  399.                 </div>
  400.  
  401.             </div>
  402.  
  403.         </div><!-- .row -->
  404.  
  405.         <div class="row">
  406.  
  407.             <div class="col-sm-6 col-sm-offset-3">
  408.  
  409.                 <form id="contact-form" role="form">
  410.                     <div class="ajax-hidden">
  411.                         <div class="form-group wow fadeInUp">
  412.                             <label class="sr-only" for="c_name">Name</label>
  413.                             <input type="text" id="c_name" class="form-control" name="c_name" placeholder="Name">
  414.                         </div>
  415.  
  416.                         <div class="form-group wow fadeInUp" data-wow-delay=".1s">
  417.                             <label class="sr-only" for="c_email">Email</label>
  418.                             <input type="email" id="c_email" class="form-control" name="c_email" placeholder="E-mail">
  419.                         </div>
  420.  
  421.                         <div class="form-group wow fadeInUp" data-wow-delay=".2s">
  422.                             <textarea class="form-control" id="c_message" name="c_message" rows="7" placeholder="Message"></textarea>
  423.                         </div>
  424.  
  425.                         <button type="submit" class="btn btn-lg btn-block wow fadeInUp" data-wow-delay=".3s">Send Message</button>
  426.                     </div>
  427.                     <div class="ajax-response"></div>
  428.                 </form>
  429.  
  430.             </div>
  431.  
  432.         </div><!-- .row -->
  433.     </div><!-- .container -->
  434. </section>
  435.  
  436. <!-- Contact end -->
  437.  
  438. <!-- Footer start -->
  439.  
  440. <footer id="footer">
  441.     <div class="container">
  442.         <div class="row">
  443.  
  444.             <div class="col-sm-12">
  445.  
  446.                 <ul class="social-links">
  447.                     <li><a href="index.html#" class="wow fadeInUp"><i class="fa fa-facebook"></i></a></li>
  448.                     <li><a href="index.html#" class="wow fadeInUp" data-wow-delay=".1s"><i class="fa fa-twitter"></i></a></li>
  449.                     <li><a href="index.html#" class="wow fadeInUp" data-wow-delay=".2s"><i class="fa fa-google-plus"></i></a></li>
  450.                     <li><a href="index.html#" class="wow fadeInUp" data-wow-delay=".4s"><i class="fa fa-pinterest"></i></a></li>
  451.                     <li><a href="index.html#" class="wow fadeInUp" data-wow-delay=".5s"><i class="fa fa-envelope"></i></a></li>
  452.                 </ul>
  453.  
  454.                 <p class="heart">
  455.                     Made with <span class="fa fa-heart fa-2x animated pulse"></span> in Nottingham
  456.                 </p>
  457.                 <p class="copyright">
  458.                     © 2015 John Doe | Images: <a href="https://unsplash.com/">Unsplash</a> & <a href="http://zoomwalls.com/">Zoomwalls</a>
  459.                 </p>
  460.  
  461.             </div>
  462.  
  463.         </div><!-- .row -->
  464.     </div><!-- .container -->
  465. </footer>
  466.  
  467. <!-- Footer end -->
  468.  
  469. <!-- Scroll to top -->
  470.  
  471. <div class="scroll-up">
  472.     <a href="#home"><i class="fa fa-angle-up"></i></a>
  473. </div>
  474.  
  475. <!-- Scroll to top end-->
  476.  
  477. <!-- Javascript files -->
  478.  
  479. <script src="../web/assets/js/jquery-1.11.1.min.js"></script>
  480. <script src="../web/assets/bootstrap/js/bootstrap.min.js"></script>
  481. <script src="../web/assets/js/jquery.parallax-1.1.3.js"></script>
  482. <script src="../web/assets/js/imagesloaded.pkgd.js"></script>
  483. <script src="../web/assets/js/jquery.sticky.js"></script>
  484. <script src="../web/assets/js/smoothscroll.js"></script>
  485. <script src="../web/assets/js/wow.min.js"></script>
  486. <script src="../web/assets/js/jquery.easypiechart.js"></script>
  487. <script src="../web/assets/js/waypoints.min.js"></script>
  488. <script src="../web/assets/js/jquery.cbpQTRotator.js"></script>
  489. <script src="../web/assets/js/custom.js"></script>
  490.  
  491. <?php $this->endBody() ?>
  492. </body>
  493. </html>
  494. <?php $this->endPage() ?>
  495.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!