Skip to content

Commit 7491f6a

Browse files
author
Driss Chelouati
committed
finished landing page, need to add animation details, fix some text colors, fix responsiveness, clean, comment, and standardize code
1 parent ba07cfd commit 7491f6a

File tree

17 files changed

+4635
-8
lines changed

17 files changed

+4635
-8
lines changed

‎html/pages/index.html

Lines changed: 195 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -129,10 +129,6 @@ <h2 class="subtitle is-5 is-light is-thin">
129129
<span class="text">Get Started</span>
130130
<span class="front-gradient"></span>
131131
</a>
132-
<a href="#" class="button k-button k-primary raised has-gradient is-fat is-bold">
133-
<span class="text">Whitepaper</span>
134-
<span class="front-gradient"></span>
135-
</a>
136132
</p>
137133

138134
</div>
@@ -1090,12 +1086,204 @@ <h4 class="subtitle is-6 is-light has-text-centered is-compact">Viderer malorum
10901086
</div>
10911087
</div>
10921088

1089+
<div class="divider is-centered is-spacer"></div>
1090+
<h2 class="title is-light is-semibold has-text-centered is-spaced">Media & Partners</h2>
1091+
<h4 class="subtitle is-6 is-light has-text-centered is-compact">Viderer malorum sadipscing cum ei. Eu impetus perfecto sit, no sea labore detraxit. Primis mediocrem necessitatibus an vis. Ut sea pertinax perpetua, eruditi volumus quaestio ex mel, has ei tota homero.</h4>
1092+
1093+
<div class="content-wrapper is-large">
1094+
<div class="columns">
1095+
<div class="column is-10 is-offset-1">
1096+
1097+
<div class="blog-post">
1098+
<a href="#">
1099+
<div class="featured-image">
1100+
<img src="assets/images/media/post1.svg" alt="">
1101+
</div>
1102+
<div class="content">
1103+
<!--div class="rounded"></div-->
1104+
<div class="post-title">Blockchain for dummies <span class="blog-date">27.05.2018</span></div>
1105+
<p>
1106+
Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı
1107+
bilinmeyen bir matbaacının bir hurufat numune kitabı...
1108+
</p>
1109+
<div class="post-meta">
1110+
<div class="author-block">
1111+
<div class="image is-32x32">
1112+
<img src="assets/images/team/john.jpg">
1113+
</div>
1114+
<div class="author-name">by John Cambell</div>
1115+
</div>
1116+
<div class="stats-block">
1117+
<div class="comments">
1118+
<i data-feather="message-circle"></i>
1119+
<span>3</span>
1120+
</div>
1121+
<div class="likes">
1122+
<i data-feather="heart"></i>
1123+
<span>9</span>
1124+
</div>
1125+
</div>
1126+
</div>
1127+
</div>
1128+
</a>
1129+
</div>
1130+
1131+
<div class="blog-post">
1132+
<a href="#">
1133+
<div class="featured-image">
1134+
<img src="assets/images/media/post2.svg" alt="">
1135+
</div>
1136+
<div class="content">
1137+
<!--div class="rounded"></div-->
1138+
<div class="post-title">The Krypton chain algorythm <span class="blog-date">15.04.2018</span></div>
1139+
<p>
1140+
Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı
1141+
bilinmeyen bir matbaacının bir hurufat numune kitabı...
1142+
</p>
1143+
<div class="post-meta">
1144+
<div class="author-block">
1145+
<div class="image is-32x32">
1146+
<img src="assets/images/team/joshua.jpg">
1147+
</div>
1148+
<div class="author-name">by Joshua Stevens</div>
1149+
</div>
1150+
<div class="stats-block">
1151+
<div class="comments">
1152+
<i data-feather="message-circle"></i>
1153+
<span>7</span>
1154+
</div>
1155+
<div class="likes">
1156+
<i data-feather="heart"></i>
1157+
<span>29</span>
1158+
</div>
1159+
</div>
1160+
</div>
1161+
</div>
1162+
</a>
1163+
</div>
1164+
1165+
<div class="blog-post">
1166+
<a href="#">
1167+
<div class="featured-image">
1168+
<img src="assets/images/media/post3.svg" alt="">
1169+
</div>
1170+
<div class="content">
1171+
<!--div class="rounded"></div-->
1172+
<div class="post-title">What is Crypto mining ? <span class="blog-date">02.04.2018</span></div>
1173+
<p>
1174+
Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı
1175+
bilinmeyen bir matbaacının bir hurufat numune kitabı...
1176+
</p>
1177+
<div class="post-meta">
1178+
<div class="author-block">
1179+
<div class="image is-32x32">
1180+
<img src="assets/images/team/sandra.jpg">
1181+
</div>
1182+
<div class="author-name">by Sandra Bernard</div>
1183+
</div>
1184+
<div class="stats-block">
1185+
<div class="comments">
1186+
<i data-feather="message-circle"></i>
1187+
<span>31</span>
1188+
</div>
1189+
<div class="likes">
1190+
<i data-feather="heart"></i>
1191+
<span>48</span>
1192+
</div>
1193+
</div>
1194+
</div>
1195+
</div>
1196+
</a>
1197+
</div>
1198+
</div>
1199+
</div>
1200+
1201+
<div class="cta-wrapper has-text-centered">
1202+
<a href="#" class="button k-button k-primary raised has-gradient is-fat is-bold">
1203+
<span class="text">More Articles</span>
1204+
<span class="front-gradient"></span>
1205+
</a>
1206+
</div>
1207+
1208+
<div class="partners">
1209+
<div class="partner-item">
1210+
<img src="assets/images/clients/cryptomarket.svg">
1211+
</div>
1212+
<div class="partner-item">
1213+
<img src="assets/images/clients/bitit.svg">
1214+
</div>
1215+
<div class="partner-item">
1216+
<img src="assets/images/clients/coin.svg">
1217+
</div>
1218+
</div>
1219+
</div>
1220+
1221+
</div>
1222+
</div>
1223+
</section>
1224+
1225+
<section class="section is-medium is-darkest">
1226+
<div class="container">
1227+
<div class="divider is-centered"></div>
1228+
<h2 class="title is-light is-semibold has-text-centered is-spaced">Get in Touch</h2>
1229+
<h4 class="subtitle is-6 is-light has-text-centered is-compact">Viderer malorum sadipscing cum ei. Eu impetus perfecto sit, no sea labore detraxit. Primis mediocrem necessitatibus an vis. Ut sea pertinax perpetua, eruditi volumus quaestio ex mel, has ei tota homero.</h4>
1230+
1231+
<div class="content-wrapper is-large">
1232+
<div class="columns">
1233+
<div class="column is-8 is-offset-2">
1234+
<div class="contact-icons">
1235+
<a class="contact-icon">
1236+
<img class="is-phone" src="assets/images/icons/phone.svg">
1237+
</a>
1238+
<a class="contact-icon">
1239+
<img class="is-phone" src="assets/images/icons/mail.svg">
1240+
</a>
1241+
<a class="contact-icon">
1242+
<img class="is-telegram" src="assets/images/logo/telegram.svg">
1243+
</a>
1244+
</div>
1245+
</div>
1246+
</div>
1247+
1248+
<div class="columns">
1249+
<div class="column is-6 is-offset-3">
1250+
<form class="contact-form">
1251+
<div class="control-material is-secondary">
1252+
<input class="material-input " type="text" required>
1253+
<span class="material-highlight"></span>
1254+
<span class="bar"></span>
1255+
<label>Name</label>
1256+
</div>
1257+
<div class="control-material is-secondary">
1258+
<input class="material-input " type="email" required>
1259+
<span class="material-highlight"></span>
1260+
<span class="bar"></span>
1261+
<label>Email</label>
1262+
</div>
1263+
<div class="control-material is-secondary">
1264+
<textarea rows="3"></textarea>
1265+
<span class="material-highlight"></span>
1266+
<span class="bar"></span>
1267+
<label>Message </label>
1268+
</div>
1269+
1270+
<div class="has-text-centered">
1271+
<a href="#" class="button k-button k-primary raised has-gradient is-fat is-bold">
1272+
<span class="text">Send message</span>
1273+
<span class="front-gradient"></span>
1274+
</a>
1275+
</div>
1276+
</form>
1277+
</div>
1278+
</div>
1279+
1280+
10931281
</div>
10941282
</div>
10951283
</section>
10961284

10971285

1098-
<div class="c-footer-wrap">
1286+
<div class="footer-wrap">
10991287

11001288
<footer class="krypton-footer">
11011289
<div class="container">
@@ -1164,6 +1352,8 @@ <h4 class="subtitle is-6 is-light has-text-centered is-compact">Viderer malorum
11641352
<br>
11651353
<p class="coded-by">Designed and Coded by <a href="https://cssninja.io" target="_blank">Css Ninja</a></p>
11661354
</div>
1355+
1356+
<img class="solar-system" src="assets/images/bg/solar.svg">
11671357
</footer>
11681358

11691359
</div>

0 commit comments

Comments
 (0)