dpfiles/index.html at master · polyedr/dpfiles · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!doctype html>
<html lang="en">
<head>
  <title>Bootstrap Theme Kit</title>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Custom built theme - This already includes Bootstrap 4 -->
  <link rel="stylesheet" href="static/css/mytheme.css">
  <!-- open-iconic-bootstrap (icon set for bootstrap) -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" crossorigin="anonymous" />
</head>
<body class = "mainpage">
<!-- header-top -->
<div class="header-top container">
   <div class = "row align-items-center">
      <div class = "header-top_language_selector_wrapper col-md-2 offset-md-5">
         <select class="selectpicker float-right" data-width="fit">
            <option data-content='English'>En</option>
            <option  data-content='French'>Fr</option>
         </select>
      </div>
      <!-- social buttons -->
      <div class="col-md-2">
         <div class="sidebox sidebox-social float-right">
            <a class="sm-youtube" href="https://vk.com/" rel="external noopener noreferrer" target="_blank">VK</a>
            <a class="sm-fac" href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer">Facebook</a>
            <a class="sm-twitter" href="https://www.twitter.com/" rel="publisher noopener noreferrer" target="_blank">Instagram</a>
         </div>
      </div>

      <!-- social buttons end -->
      <!-- registration -->
      <div class="registration">
         <a class="btn btn-outline-primary" href="#" role="button"><span class="oi oi-person" title="person" aria-hidden="true"></span> Sign in</a>
         <a class="btn btn-outline-primary" href="#" role="button">Registration</a>
      </div>
      <!-- registration end -->
   </div>
</div>
<!-- header-top end -->


<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-light container">
  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
          data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03"
          aria-expanded="false"
          aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <!--  <a class="navbar-brand" href="#!">Navbar</a> -->
<a href="/" class="logo"><img src="/static/img/logo.png" alt="DPF files"></a>
  <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
    <ul class="navbar-nav mr-auto mt-2 mt-md-0 offset-md-1">
      <li class="nav-item">
        <a class="nav-link" href="#!">Home
        </a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="#!">Edit files</a>
        <span class="sr-only">(current)</span>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#!">Ready files</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#!">List of solutions </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#!">About</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#!">Contact us</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#!">How to use</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#!">Free software</a>
      </li>
    </ul>
  </div>
</nav>

<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron bg-largeimage text-dark">
  <div class="container">
    <h1 class="firstline display-4 opensans">Online Service for</h1>
    <h1 class="secondline display-4 text-uppercase font-weight-bold opensans">custom tuning files</h1>
    <p class="slider_description_extra">You can disable EGR DPF VSA OFF EGR SRC VSA OFF etc</p>
    <p><a class="btn btn-warning btn-lg button-image uploadButton" href="#" role="button">Upload stock file</a></p>
  </div>
</div>

<!-- Main part -->
<div class="bg-light">
<div class="container maincontainer">
  <div class="row">
    <div class="col-sm-4 advantagescolumn">
      <h2>The advantage of our automatic service for our customers</h2>
      <p>Constant communication with technical support. Intelligent Ticket System. Using neural networks. just 4 steps to complete a successful job.</p>
      <ol class="flex-column numberedList">
        <li class="">
          <h4>Registration in one step.</h4>
          <div>You can enter through the social network.</div>
        </li>
        <li class="">
         <h4>Uploading the file to the server</h4>
        </li>
        <li class="">
          <h4>Payment by Paypal, Yandex. rococass, Viza and Mastercart. WU and ect...</h4>
        </li>
        <li class="">
          <h4>Automatic file processing and verification for one second</h4>
        </li>
      </ul>
      <hr class="d-sm-none">
    </div>
    <div class="col-sm-4 offset-sm-2 youtubecolumn">
    <div class="card">
      <div class="card-img-top">
      <img  class="img-fluid" src="/static/img/card-top.jpg" alt="Youtube card top">
      </div>

            <!-- 16:9 aspect ratio -->
            <div class="embed-responsive embed-responsive-16by9">
                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/kgIfraVFyQk" allowfullscreen></iframe>
            </div>

                  <div class="card-img-bottom">
      <img class="img-fluid" src="/static/img/card-bottom.jpg" alt="Youtube card bottom">
                  </div>
    </div>
    </div>
  </div>
</div>
</div>
<!-- Main part end -->

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  <footer>
    <!-- Copyright -->
    <div class="container text-left">
      <p class="small text-muted dpfcopyright">© DPF Files 2018. All rights reserved.</p>
    </div>
    <!-- End Copyright -->
  </footer>
</body>
</html>