index.html 9.66 KB
Newer Older
D Sal's avatar
D Sal committed
1
---
2
layout: index
Diego Salazar's avatar
Diego Salazar committed
3
title: Home
4
permalink: index.html
D Sal's avatar
D Sal committed
5
---
6
7
8
9
10
11
12
13
<div class="site-wrap">
        <section class="container full col-xs-12">
            <div class="info-block info-block-main">
                <div class="row middle-xs">
                    <div class="col-lg-7 col-md-7 col-xs-12 main-video">
                        <div class="monero-video">
                            <!--iframe width="560" height="315" src="https://www.youtube.com/embed/TZi9xx6aiuY" frameborder="0" allowfullscreen></iframe-->
                            <video controls poster="/img/monero-community.png" onclick="this.paused ? this.play() : this.pause();" preload="none">
14
                                <source src={% if site.lang == 'en' %}"/media/Monero_Promo.m4v"{% else %}"/media/{{ site.lang }}/Monero_Promo.m4v"{% endif %}>
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
                            </video>
                        </div>
                        
                    </div>
                    <div class="col-lg-5 col-md-5 col-xs-12">
                        <div class="main-info">
                            <h1 id="main-h1">{% t global.monero %}</h1>
                            <h2 id="main-h2">{% t home.heading2 %}</h2>
                            <p id="main-text">{% t home.monero_is_cash %}</p>
                            <p><a href="{{site.baseurl}}/get-started/using/" class="btn-link btn-auto btn-primary">{% t home.get_started %}</a></p>
                        </div>
                    </div>
                </div>
            </div>
          </section>
      
    <!-- FULL WIDTH BLOCK -->
        
        <section class="container about-main full col-xs-12">
                <div class="info-block">
                    <div class="row center-xs">
                        <div class="col"><h2>{% t home.why_monero_is_different %}</h2></div>
                    </div>
                    <div class="row middle-xs info-block-row private">
's avatar
committed
39
                        <div class="col-lg-6 col-md-6 col-sm-8 col-xs-8  why-text">
40
41
42
                            <h3>{% t home.monero_is_secure %}</h3>
                                <p>{% t home.monero_is_secure_para %}</p>
                        </div>
's avatar
committed
43
                        <div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs">
44
45
46
47
                            <img src="/img/secure-monero.png" alt="Secure safe" class="main-icon">
                        </div>
                    </div>
                    <div class="row middle-xs info-block-row">
's avatar
committed
48
                        <div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs first-md last-sm last-xs">
49
50
                            <img src="/img/private-monero.png" alt="No surveillance" class="main-icon">
                        </div>
's avatar
committed
51
                        <div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
52
53
54
55
56
57
                            <h3>{% t home.monero_is_private %}</h3>
                            <p>{% t home.monero_is_private_para %}</p>
                        </div>
                        
                    </div>
                    <div class="row middle-xs info-block-row">
's avatar
committed
58
                        <div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
59
60
61
                            <h3>{% t home.monero_is_untraceable %}</h3>
                            <p>{% t home.monero_is_untraceable_para %}</p>
                        </div>
's avatar
committed
62
                        <div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs">
63
64
65
66
                            <img src="/img/untraceable-monero.png" alt="Untraceable Monero paths" class="main-icon">
                        </div>
                    </div>
                    <div class="row middle-xs info-block-row">
's avatar
committed
67
                        <div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs first-md last-sm last-xs">
68
69
                            <img src="/img/fungible-monero.png" alt="Monero gold" class="main-icon">
                        </div>
's avatar
committed
70
                        <div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
                            <h3>{% t home.monero_is_fungible %}</h3>
                            <p>{% t home.monero_is_fungible_para1 %} <a href='{{site.baseurl}}/resources/moneropedia/fungibility.html'>{% t home.monero_is_fungible_para2 %}</a> {% t home.monero_is_fungible_para3 %}</p>
                        </div>
                    </div>
                </div>
        </section>
        
    <!-- END FULL WIDTH BLOCK -->
        
        
        
    <!-- TWO THIRDS & ONE THIRD BLOCKS ROW -->
        
        <section class="container">
            <div class="row">
                <!-- left two-thirds block-->
                <div class="left two-thirds col-lg-8 col-md-8 col-sm-12 col-xs-12">
                    <div class="info-block">
                        <div class="row center-xs">
                            <div class="col"><h2>{% t home.downloads %}</h2></div>
                        </div>
                            <div class="row around-xs">
                                <div class="col">
erciccione's avatar
erciccione committed
94
                                    <p><a href="{{site.baseurl}}/downloads#gui" class="btn-link btn-fixed"><span class="icon-windows"></span>{% t downloads.gui %}</a></p>
95
96
                                </div>
                                <div class="col">
erciccione's avatar
erciccione committed
97
                                    <p><a href="{{site.baseurl}}/downloads#cli" class="btn-link btn-fixed"><span class="icon-apple"></span>{% t downloads.cli %}</a></p>
98
99
100
101
                                </div>
                            </div>
                            <div class="row around-xs">
                                <div class="col">
erciccione's avatar
erciccione committed
102
                                    <p><a href="{{site.baseurl}}/downloads#blockchain" class="btn-link btn-fixed"><span class="icon-linux"></span>{% t downloads.bootstrapnode %}</a></p>
103
104
                                </div>
                                <div class="col">
erciccione's avatar
erciccione committed
105
                                    <p><a href="{{site.baseurl}}/downloads#hardware" class="btn-link btn-fixed"><span class="icon-blockchain"></span>{% t downloads.hardware %}</a></p>
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
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-12"><p class="main-downloads">{% t home.different_system %} <a href="{{site.baseurl}}/downloads/">{% t home.view_all_downloads %}</a></p>
                            </div>
                            </div>
                </div>
                </div>
                <!-- end left two-thirds block-->
                
                <!-- right one-third block-->
                <div class="right one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <div class="info-block">
                        <div class="row center-xs">
                            <div class="col"><h2>{% t home.latest_news %}</h2></div>
                        </div>
                        <div class="info-block-row">
                              {% for post in site.posts limit:2 %}
                              <div class="row start-xs">
                                                    <div class="col">
                                                        <p><a href="{{site.baseurl}}{{ post.url }}">{{ post.title }}</a></p>
                                                    </div>
                                                </div>
                              {% endfor %}
                       
 
                            <div class="row end-xs">
                                <div class="col">
                                    <p><a href="{{site.baseurl}}/blog/">{% t home.more_news %}</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end right one-third block-->
            </div>
        </section>
        
        <!-- END TWO THIRDS & ONE THIRD BLOCKS ROW -->
        
        <!-- 3 ONE-THIRD BLOCKS ROW -->
        
        <section class="container">
's avatar
committed
149
            <div class="row center-xs">
150
151
152
                <!-- left one-third block-->
                <div class="left one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <div class="info-block">
's avatar
committed
153
154
155
                        <h2>{% t home.moneropedia %}</h2>
                        <p class="main-resources">{% t home.moneropedia_para %}</p>
                        <p><a href="{{site.baseurl}}/resources/moneropedia/" class="orange">{% t home.moneropedia_button %}</a></p>
156
157
158
159
160
161
162
                    </div>
                </div>
                <!-- end left one-third block-->
                
                <!-- center one-third block-->
                <div class="center one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <div class="info-block">
's avatar
committed
163
164
165
                        <h2>{% t home.user_guides %}</h2>
                        <p class="main-resources">{% t home.user_guides_para %}</p>
                        <p><a href="{{site.baseurl}}/resources/user-guides/" class="orange">{% t home.user_guides_button %}</a></p>
166
167
168
169
170
171
172
                    </div>
                </div>
                <!-- end center one-third block-->
                
                <!-- right one-third block-->
                <div class="right one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <div class="info-block">
's avatar
committed
173
174
175
                        <h2>{% t home.faq %}</h2>
                        <p class="main-resources">{% t home.faq_para %}</p>
                        <p><a href="{{site.baseurl}}/get-started/faq/" class="orange">{% t home.faq_button %}</a></p>       
176
177
178
179
180
181
182
183
                    </div>
                </div>
                <!-- end right one-third block-->
            </div>
        </section>
        
        <!-- END 3 ONE-THIRD BLOCKS ROW -->
</div>