-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
207 lines (197 loc) · 10.6 KB
/
index.html
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE HTML>
<html>
<head>
<title>Website By ArchDuke Crunchy</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<a class="logo" href="index.html">GARRSION FOR PRESIDENT</a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="generic.html">Generic</a></li>
</ul>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h1>GARRSION FOR PRESIDENT</h1>
<p>Blood alone moves the wheels of history<br />
A people without the knowledge of their past history, origin and culture is like a tree without roots.</p>
</div>
<video autoplay loop muted playsinline src="images/banner.mp4"></video>
</section>
<!-- Highlights -->
<section class="wrapper">
<div class="inner">
<header class="special">
<h2>Anybody can make history. Only a great man can write it.</h2>
<p>"That these dead shall not have died in vain-,that this nation, under God, shall have a new birth of freedom,—and that government of the people, by the people, for the people, shall not perish from the earth".</p>
</header>
<div class="highlights">
<section>
<div class="content">
<header>
<a href="#" class="icon fa-vcard-o"><span class="label">Icon</span></a>
<h3>Adolf Hitler</h3>
</header>
<p>“The stronger must dominate and not mate with the weaker, which would signify the sacrifice of its own higher nature. Only the born weakling can look upon this principle as cruel, and if he does so it is merely because he is of a feebler nature and narrower mind; for if such a law did not direct the process of evolution then the higher development of organic life would not be conceivable at all.”</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-files-o"><span class="label">Icon</span></a>
<h3>Otto von Bismarck, the “Iron Chancellor”</h3>
</header>
<p>"It is the destiny of the weak to be devoured by the strong."</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-floppy-o"><span class="label">Icon</span></a>
<h3>Emporer Hirohito</h3>
</header>
<p>“Unite your total strength, to be devoted to construction for the future. Cultivate the ways of rectitude, foster nobility of spirit, and work with resolution — so that you may enhance the innate glory of the Imperial State and keep pace with the progress of the world“.</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-line-chart"><span class="label">Icon</span></a>
<h3>Interdum gravida</h3>
</header>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-paper-plane-o"><span class="label">Icon</span></a>
<h3>Faucibus consequat</h3>
</header>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-qrcode"><span class="label">Icon</span></a>
<h3>Accumsan viverra</h3>
</header>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p>
</div>
</section>
</div>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper">
<div class="inner">
<h2>Curabitur ullamcorper ultricies</h2>
<p>Of course, in one sense, the first essential for a man’s being a good citizen is his possession of the home virtues of which we think when we call a man by the emphatic adjective of manly. No man can be a good citizen who is not a good husband and a good father, who is not honest in his dealings with other men and women, faithful to his friends and fearless in the presence of his foes, who has not got a sound heart, a sound mind, and a sound body; exactly as no amount of attention to civil duties will save a nation if the domestic life is undermined, or there is lack of the rude military virtues which alone can assure a country’s position in the world. In a free republic the ideal citizen must be one willing and able to take arms for the defense of the flag, exactly as the ideal citizen must be the father of many healthy children. A race must be strong and vigorous; it must be a race of good fighters and good breeders, else its wisdom will come to naught and its virtue be ineffective; and no sweetness and delicacy, no love for and appreciation of beauty in art or literature, no capacity for building up material prosperity can possibly atone for the lack of the great virile virtues. But this is aside from my subject, for what I wish to talk of is the attitude of the American citizen in civic life. It ought to be axiomatic in this country that every man must devote a reasonable share of his time to doing his duty in the Political life of the community. No man has a right to shirk his political duties under whatever plea of pleasure or business; and while such shirking may be pardoned in those of small cleans it is entirely unpardonable in those among whom it is most common–in the people whose circumstances give them freedom in the struggle for life. In so far as the community grows to think rightly, it will likewise grow to regard the young man of means who shirks his duty to the State in time of peace as being only one degree worse than the man who thus shirks it in time of war. A great many of our men in business, or of our young men who are bent on enjoying life (as they have a perfect right to do if only they do not sacrifice other things to enjoyment), rather plume themselves upon being good citizens if they even vote; yet voting is the very least of their duties, Nothing worth gaining is ever gained without effort. You can no more have freedom without striving and suffering for it than you can win success as a banker or a lawyer without labor and effort, without self-denial in youth and the display of a ready and alert intelligence in middle age. The people who say that they have not time to attend to politics are simply saying that they are unfit to live in a free community.</p>
</div>
</section>
<!-- Testimonials -->
<section class="wrapper">
<div class="inner">
<header class="special">
<h2>Faucibus consequat lorem</h2>
<p>In arcu accumsan arcu adipiscing accumsan orci ac. Felis id enim aliquet. Accumsan ac integer lobortis commodo ornare aliquet accumsan erat tempus amet porttitor.</p>
</header>
<div class="testimonials">
<section>
<div class="content">
<blockquote>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p>
</blockquote>
<div class="author">
<div class="image">
<img src="images/pic01.jpg" alt="" />
</div>
<p class="credit">- <strong>Jane Doe</strong> <span>CEO - ABC Inc.</span></p>
</div>
</div>
</section>
<section>
<div class="content">
<blockquote>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p>
</blockquote>
<div class="author">
<div class="image">
<img src="images/pic03.jpg" alt="" />
</div>
<p class="credit">- <strong>John Doe</strong> <span>CEO - ABC Inc.</span></p>
</div>
</div>
</section>
<section>
<div class="content">
<blockquote>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p>
</blockquote>
<div class="author">
<div class="image">
<img src="images/pic02.jpg" alt="" />
</div>
<p class="credit">- <strong>Janet Smith</strong> <span>CEO - ABC Inc.</span></p>
</div>
</div>
</section>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<div class="content">
<section>
<h3>Accumsan montes viverra</h3>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing. Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing sed feugiat eu faucibus. Integer ac sed amet praesent. Nunc lacinia ante nunc ac gravida.</p>
</section>
<section>
<h4>Sem turpis amet semper</h4>
<ul class="alt">
<li><a href="#">Dolor pulvinar sed etiam.</a></li>
<li><a href="#">Etiam vel lorem sed amet.</a></li>
<li><a href="#">Felis enim feugiat viverra.</a></li>
<li><a href="#">Dolor pulvinar magna etiam.</a></li>
</ul>
</section>
<section>
<h4>Magna sed ipsum</h4>
<ul class="plain">
<li><a href="#"><i class="icon fa-twitter"> </i>Twitter</a></li>
<li><a href="#"><i class="icon fa-facebook"> </i>Facebook</a></li>
<li><a href="#"><i class="icon fa-instagram"> </i>Instagram</a></li>
<li><a href="#"><i class="icon fa-github"> </i>Github</a></li>
</ul>
</section>
</div>
<div class="copyright">
© Untitled. Photos <a href="https://unsplash.co">Unsplash</a>, Video <a href="https://coverr.co">Coverr</a>.
</div>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>