LumenBootstrap/info.php at master · SlikSlaks/LumenBootstrap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="business, corporate, corporate website, creative, html5, marketing, multipurpose, responsive, site templates">
<link rel="shortcut icon" href="assets/favicon.png">
<title>Полезная Информация - Люмен Оптика</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	  <link href="css/ie_8.css" rel="stylesheet" />
      <script src="js/ie/html5shiv.js"></script>
      <script src="js/ie/respond.min.js"></script>
<![endif]-->

<!-- Add custom CSS here -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target="#ha-header">

<!-- Fixed navbar -->
<?php include('header.php'); ?>
<!-- End Fixed navbar -->

<div id="info" class="info ha-waypoint"  data-animate-down="ha-header-small" data-animate-up="ha-header-large">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-12 col-sm-12">
        <div class=" container TitleSection">
          <header class="page-head">
            <h1>Полезная<small> // Информация</small></h1>
          </header>
        </div>
        <div class="info_container">
          <div class="info_name"><h3>Как правильно надевать и снимать контактные линзы?</h3></div>
          <div class="col-xs-6 col-md-6 col-sm-6">
          <div class="info_text">
            <ul>
            <li><span><i class="fa fa-check"></i>Тщательно вымойте руки.</span></li>
            <li><span><i class="fa fa-check"></i>Промойте линзы специальным раствором для удаления всех следов загрязнения
              (если это новые линзы или одноразовые линзы 1DAY ACUVUE® просто извлеките их из упаковки – раствор не нужен).</span></li>
            <li><span><i class="fa fa-check"></i>Чтобы не перепутать линзы, первой всегда надевают линзу для правого глаза.</span></li>
            <li><span><i class="fa fa-check"></i>Положите линзу на кончик указательного пальца, с помощью индикатора стороны убедитесь в том, что линза расположена верно.</span></li>
            <li><span><i class="fa fa-check"></i>Другой рукой придерживайте верхнее веко так, чтобы не моргать.</span></li>
            <li><span><i class="fa fa-check"></i>Другим пальцем той руки, которой надеваете линзу, оттяните вниз нижнее веко.</span></li>
            <li><span><i class="fa fa-check"></i>Смотрите наверх и аккуратно положите линзу на часть глаза ниже зрачка.</span></li>
            <li><span><i class="fa fa-check"></i>Медленно отпустите веки и на короткое время закройте глаза.</span></li>
            </ul>
          </div>
        </div>
        <div class="col-xs-6 col-md-6 col-sm-6">
          <div class="info_video"><iframe class="video" width="100%" height="315" src="https://www.youtube.com/embed/BQbJHhkNYSg" frameborder="0" allowfullscreen></iframe></div>
        </div>
        </div>
      </div>
    </div>
  </div>
</div>


<!-- Footer -->
<footer>
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-9 col-sm-12">
        <p>&nbsp;</p>
      </div>
      <div class="col-xs-12 col-md-3 col-sm-12">
        <ul class=" footer_social clearfix">
          <li><a href="https://vk.com/club72960834"><i class="fa fa-vk"></i></a></li>
          <li><a href="https://instagram.com/lumenoptica/"><i class="fa fa-instagram"></i></a></li>
          <li><a href="http://ok.ru/profile/226343630035"><i class="fa fa-odnoklassniki"></i></a></li>
          <li class="go_top"><a href="#top"><i class="fa fa-chevron-circle-up"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</footer>
<!-- /Footer -->

<!-- JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/nicescroll.min.js"></script><!-- jquery nice scroll-->
<script src="js/pace.min.js" ></script> <!--page load progress bar-->
<script src="js/jquery.validate.min.js"></script><!--contact page-->
<script src="http://maps.google.com/maps/api/js?sensor=true"></script><!--google map contact page-->
<script src="js/gmaps.min.js"></script><!--google map contact page-->
<script src="js/isotope.min.js"></script><!--Portfolio Filter-->
<script src="js/flexslider.min.js"></script><!-- FlexSlider -->
<script src="js/waypoints.min.js"></script><!--Header Effect-->
<script src="js/custom_min.js"></script><!-- Custom JavaScript  -->

</body>
</html>