virtual.html 2.59 KB
Newer Older
danterolle's avatar
danterolle committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
{{ $data := index .Site.Data .Site.Language.Lang }}
{{ if $data.virtual.enable }}

<div id="particles-js">
</div>

<script src="../plugins/particles/particles.min.js"></script>
<script>
    window.particlesJS.load('particles-js', '../plugins/particles/particles.json', function(){
      console.log('particles.json loaded!');
    });
</script>

<section class="download-virtual">
15
16
17
18
19
    <div class="col-xl-12 my-3">
      <div class="title mt-5 pb-0 text-center">
        <h2>{{ $data.virtual.title }}</h2>
        <div class="border-meghna"></div>
      </div>
danterolle's avatar
danterolle committed
20
    </div>
21
    <div class="container">
danterolle's avatar
danterolle committed
22
23
24
25
26
27
28
29
30
31
      <div class="row">
        <div class="col-lg-12 mt-2 text-center">
          <h3 class="my-5">{{ $data.virtual.description }}</h3>
          <hr class="w-50">
          <div class="row">
            <h3 class="col-lg-12 mb-5 mt-3 text-center">
                CHOOSE YOUR <span style="color: #57cbcc;">EDITION</span>
            </h3>
            {{ range $data.virtual.editions }}
            <div class="container">
32
              <div class="row">
danterolle's avatar
danterolle committed
33
34
35
                <div class="col-lg-6 my-5">
                    <h2 style="display: inline; border-bottom: 1px solid #57cbcc;">{{ .name }}</h2>
                    <p class="my-3 text-white">{{ .description }}</p>
danterolle's avatar
danterolle committed
36
37
                    <a href="#" class="btn btn-main mt-3 mb-4 mx-5 w-50" style="color:#222">
                      Coming Soon!
danterolle's avatar
danterolle committed
38
39
40
41
42
                    </a>
                </div>
                <div class="col-lg-6">
                    <img src="{{ .image }}" width="100%" height="100%"> 
                </div>
43
              </div>
danterolle's avatar
danterolle committed
44
45
46
            </div>
            <hr class="w-50">
            {{ end }}
47
48
            <div class="container">
              <div class="row">
danterolle's avatar
danterolle committed
49
50
                <div class="col-lg-6 my-5">
                    <h2 style="display: inline; border-bottom: 1px solid #57cbcc;">Docker Images</h2>
51
                    <p class="my-3 text-white">Parrot for Docker enables users to take advantage of the Parrot tools on top of other operating systems or in cloud environments.</p>
danterolle's avatar
danterolle committed
52
53
54
55
56
                    <a href="{{ $data.virtual.docker_URL }}" class="btn btn-main mt-3 mb-4 mx-5 w-50" style="color:#222" target="_blank">
                        Open <img src="../images/icons/docker.png" style="width: 15px; height: 15px;">
                    </a>
                </div>
                <div class="col-lg-6">
57
                    <img src="../images/monitor-docker.png" width="100%" height="100%"> 
danterolle's avatar
danterolle committed
58
                </div>
59
60
              </div>
              <hr class="w-50">
danterolle's avatar
danterolle committed
61
62
63
64
            </div>
          </div>
        </div>
      </div>
65
    </div>
danterolle's avatar
danterolle committed
66
67
</section> 
{{ end }}