Skip to content

Commit bf616c7

Browse files
SinghSingh
Singh
authored and
Singh
committed
Trimmed index.html
1 parent 17d2f1c commit bf616c7

File tree

7 files changed

+149
-116
lines changed

7 files changed

+149
-116
lines changed

‎assets/css/font-awesome.min.css

-4
This file was deleted.

‎assets/css/main.css

+28-5
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
@charset "UTF-8";
2-
@import url(font-awesome.min.css);
2+
33
@import "https://fonts.googleapis.com/css?family=Raleway:100,300,600";
4+
/* @import "font-awesome.min.css"; */
5+
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
6+
47

58
/*
69
Theory by TEMPLATED
@@ -2345,7 +2348,27 @@
23452348
}
23462349

23472350
ul.icons li .icon:before {
2348-
font-size: 2em;
2351+
font-size: 2em;
2352+
}
2353+
2354+
ul.icons-banner {
2355+
cursor: default;
2356+
list-style: none;
2357+
padding-left: 0;
2358+
}
2359+
2360+
ul.icons-banner li {
2361+
display: inline-block;
2362+
padding: 0 1em 0 0;
2363+
}
2364+
2365+
ul.icons-banner li:last-child {
2366+
padding-right: 0;
2367+
}
2368+
2369+
ul.icons-banner li .icon:before {
2370+
font-size: 2.5em;
2371+
color: white;
23492372
}
23502373

23512374
ul.actions {
@@ -2933,7 +2956,7 @@
29332956
/* Banner */
29342957

29352958
#banner {
2936-
padding: 12em 0 10em 0;
2959+
padding: 12em 0 1em 0;
29372960
background-image: url('../../images/banner.jpg');
29382961
background-size: cover;
29392962
background-position: top;
@@ -2946,7 +2969,7 @@
29462969
#banner h1 {
29472970
font-size: 3.5em;
29482971
font-weight: 100;
2949-
color: #fff;
2972+
color: white;
29502973
line-height: 1em;
29512974
margin: 0 0 0.5em 0;
29522975
padding: 0;
@@ -3031,7 +3054,7 @@
30313054
}
30323055

30333056
#footer ul.icons li .icon {
3034-
font-size: 0.58em;
3057+
font-size: 0.8em;
30353058
}
30363059

30373060
@media screen and (max-width: 736px) {

‎elements.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ <h4>Icons</h4>
135135
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
136136
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
137137
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
138-
<li><a href="#" class="icon fa-tumblr"><span class="label">Tumblr</span></a></li>
138+
<li><a href="#" class="icon fa-tumblr" aria-hidden="true"><span class="label">Tumblr</span></a></li>
139139
</ul>
140140

141141
</div>

‎images/banner.jpg

-153 KB
Loading

‎images/banner_bk.jpg

439 KB
Loading

‎images/banner_galaxy.jpg

1.38 MB
Loading

‎index.html

+120-106
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,8 @@
11
<!DOCTYPE HTML>
2-
<!--
3-
Theory by TEMPLATED
4-
templated.co @templatedco
5-
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
6-
-->
2+
73
<html>
84
<head>
9-
<title>Theory by TEMPLATED</title>
5+
<title>Capstone | Cryptocurrency Investment | ICO</title>
106
<meta charset="utf-8" />
117
<meta name="viewport" content="width=device-width, initial-scale=1" />
128
<link rel="stylesheet" href="assets/css/main.css" />
@@ -16,20 +12,32 @@
1612
<!-- Header -->
1713
<header id="header">
1814
<div class="inner">
19-
<a href="index.html" class="logo">Theory</a>
15+
<a href="index.html" class="logo">Capstone</a>
2016
<nav id="nav">
2117
<a href="index.html">Home</a>
22-
<a href="generic.html">Generic</a>
23-
<a href="elements.html">Elements</a>
18+
<!-- <a href="generic.html">Generic</a> -->
19+
<!-- <a href="elements.html">Elements</a> -->
2420
</nav>
2521
<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
2622
</div>
2723
</header>
2824

2925
<!-- Banner -->
3026
<section id="banner">
31-
<h1>Welcome to Theory</h1>
32-
<p>A free responsive HTML5 website template by TEMPLATED.</p>
27+
<h1>The Future of Digital Assets</h1>
28+
<p>Self-Appreciating Token, powered by AI</p>
29+
<a href="#" class="button special icon fa-download">Whitepaper</a>
30+
<br><br><br><br>
31+
<ul class="icons-banner">
32+
<li><a href="#" class="icon fa-telegram"><span class="label">Telegram</span></a></li>
33+
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
34+
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
35+
<li><a href="#" class="icon fa-reddit-alien"><span class="label">Reddit</span></a></li>
36+
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
37+
<li><a href="#" class="icon fa-slack"><span class="label">Slack</span></a></li>
38+
<li><a href="#" class="icon fa-medium"><span class="label">Medium</span></a></li>
39+
<li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Envelope</span></a></li>
40+
</ul>
3341
</section>
3442

3543
<!-- One -->
@@ -38,124 +46,130 @@ <h1>Welcome to Theory</h1>
3846
<div class="flex flex-3">
3947
<article>
4048
<header>
41-
<h3>Magna tempus sed amet<br /> aliquam veroeros</h3>
49+
<h3>What is <b>Capstone</b></h3>
4250
</header>
43-
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
44-
<footer>
45-
<a href="#" class="button special">More</a>
46-
</footer>
51+
<p>Capstone is a closed-end Crypto Growth Fund, enabling investments in <b>Digital Assets</b></p>
52+
<li>Cryptocurrencies</li>
53+
<li>Crypto Tokens</li>
4754
</article>
4855
<article>
4956
<header>
50-
<h3>Interdum lorem pulvinar<br /> adipiscing vitae</h3>
57+
<h3>Backed by <b>AI</b></h3>
5158
</header>
52-
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
53-
<footer>
54-
<a href="#" class="button special">More</a>
55-
</footer>
59+
<p>Democratize Crypto Investments by leveraging <b>Deep Learning</b> algorithms for Anomaly Detection and Forecasting market's momentum</p>
60+
<li>Variational Autoencoders</li>
61+
<li>Hierarchical Temporal Memory</li>
5662
</article>
5763
<article>
5864
<header>
59-
<h3>Libero purus magna sapien<br /> sed ullamcorper</h3>
65+
<h3>Crypto-Sphere <b>Pioneers</b></h3>
6066
</header>
61-
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
62-
<footer>
63-
<a href="#" class="button special">More</a>
64-
</footer>
67+
<p>World's first self-appreciating <b>Proof of Value</b> token
68+
<br>
69+
<b>First Indian Company</b> to use Blockchain Technology for issuing Growth Fund tokens</p>
70+
<li>Ethereum blockchain</li>
71+
<li>ERC-20 compliant tokens</li>
6572
</article>
6673
</div>
6774
</div>
6875
</section>
6976

70-
<!-- Two -->
71-
<section id="two" class="wrapper style1 special">
72-
<div class="inner">
73-
<header>
74-
<h2>Ipsum Feugiat</h2>
75-
<p>Semper suscipit posuere apede</p>
76-
</header>
77-
<div class="flex flex-4">
78-
<div class="box person">
79-
<div class="image round">
80-
<img src="images/pic03.jpg" alt="Person 1" />
81-
</div>
82-
<h3>Magna</h3>
83-
<p>Cipdum dolor</p>
84-
</div>
85-
<div class="box person">
86-
<div class="image round">
87-
<img src="images/pic04.jpg" alt="Person 2" />
88-
</div>
89-
<h3>Ipsum</h3>
90-
<p>Vestibulum comm</p>
91-
</div>
92-
<div class="box person">
93-
<div class="image round">
94-
<img src="images/pic05.jpg" alt="Person 3" />
95-
</div>
96-
<h3>Tempus</h3>
97-
<p>Fusce pellentes</p>
98-
</div>
99-
<div class="box person">
100-
<div class="image round">
101-
<img src="images/pic06.jpg" alt="Person 4" />
102-
</div>
103-
<h3>Dolore</h3>
104-
<p>Praesent placer</p>
105-
</div>
106-
</div>
107-
</div>
108-
</section>
109-
77+
78+
<!-- <section id="three" class="wrapper special"> -->
79+
<!-- <div class="inner"> -->
80+
<!-- <header class="align-center"> -->
81+
<!-- <h2>Nunc Dignissim</h2> -->
82+
<!-- <p>Aliquam erat volutpat nam dui </p> -->
83+
<!-- </header> -->
84+
<!-- <div class="flex flex-2"> -->
85+
<!-- <article> -->
86+
<!-- <div class="image fit"> -->
87+
<!-- <img src="images/pic01.jpg" alt="Pic 01" /> -->
88+
<!-- </div> -->
89+
<!-- <header> -->
90+
<!-- <h3>Praesent placerat magna</h3> -->
91+
<!-- </header> -->
92+
<!-- <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p> -->
93+
<!-- <footer> -->
94+
<!-- <a href="#" class="button special">More</a> -->
95+
<!-- </footer> -->
96+
<!-- </article> -->
97+
<!-- <article> -->
98+
<!-- <div class="image fit"> -->
99+
<!-- <img src="images/pic02.jpg" alt="Pic 02" /> -->
100+
<!-- </div> -->
101+
<!-- <header> -->
102+
<!-- <h3>Fusce pellentesque tempus</h3> -->
103+
<!-- </header> -->
104+
<!-- <p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna non comodo sodales tempus.</p> -->
105+
<!-- <footer> -->
106+
<!-- <a href="#" class="button special">More</a> -->
107+
<!-- </footer> -->
108+
<!-- </article> -->
109+
<!-- </div> -->
110+
<!-- </div> -->
111+
<!-- </section> -->
112+
110113
<!-- Three -->
111-
<section id="three" class="wrapper special">
112-
<div class="inner">
113-
<header class="align-center">
114-
<h2>Nunc Dignissim</h2>
115-
<p>Aliquam erat volutpat nam dui </p>
116-
</header>
117-
<div class="flex flex-2">
118-
<article>
119-
<div class="image fit">
120-
<img src="images/pic01.jpg" alt="Pic 01" />
121-
</div>
122-
<header>
123-
<h3>Praesent placerat magna</h3>
124-
</header>
125-
<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
126-
<footer>
127-
<a href="#" class="button special">More</a>
128-
</footer>
129-
</article>
130-
<article>
131-
<div class="image fit">
132-
<img src="images/pic02.jpg" alt="Pic 02" />
133-
</div>
134-
<header>
135-
<h3>Fusce pellentesque tempus</h3>
136-
</header>
137-
<p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna non comodo sodales tempus.</p>
138-
<footer>
139-
<a href="#" class="button special">More</a>
140-
</footer>
141-
</article>
142-
</div>
143-
</div>
144-
</section>
114+
<!-- <section id="two" class="wrapper style1 special"> -->
115+
<!-- <div class="inner"> -->
116+
<!-- <header> -->
117+
<!-- <h2>Ipsum Feugiat</h2> -->
118+
<!-- <p>Semper suscipit posuere apede</p> -->
119+
<!-- </header> -->
120+
121+
<!-- <div class="flex flex-4"> -->
122+
<!-- <div class="box person"> -->
123+
<!-- <div class="image round"> -->
124+
<!-- <img src="images/pic03.jpg" alt="Person 1" /> -->
125+
<!-- </div> -->
126+
<!-- <h3>Magna</h3> -->
127+
<!-- <p>Cipdum dolor</p> -->
128+
<!-- </div> -->
129+
<!-- <div class="box person"> -->
130+
<!-- <div class="image round"> -->
131+
<!-- <img src="images/pic04.jpg" alt="Person 2" /> -->
132+
<!-- </div> -->
133+
<!-- <h3>Ipsum</h3> -->
134+
<!-- <p>Vestibulum comm</p> -->
135+
<!-- </div> -->
136+
<!-- <div class="box person"> -->
137+
<!-- <div class="image round"> -->
138+
<!-- <img src="images/pic05.jpg" alt="Person 3" /> -->
139+
<!-- </div> -->
140+
<!-- <h3>Tempus</h3> -->
141+
<!-- <p>Fusce pellentes</p> -->
142+
<!-- </div> -->
143+
<!-- <div class="box person"> -->
144+
<!-- <div class="image round"> -->
145+
<!-- <img src="images/pic06.jpg" alt="Person 4" /> -->
146+
<!-- </div> -->
147+
<!-- <h3>Dolore</h3> -->
148+
<!-- <p>Praesent placer</p> -->
149+
<!-- </div> -->
150+
<!-- </div> -->
151+
152+
<!-- </div> -->
153+
<!-- </section> -->
154+
145155

146156
<!-- Footer -->
147157
<footer id="footer">
148158
<div class="inner">
149159
<div class="flex">
150160
<div class="copyright">
151-
&copy; Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>.
161+
&copy; Capstone LLC, India<br>
162+
Theory by <a href="http://templated.co">TEMPLATED</a>
152163
</div>
153164
<ul class="icons">
154-
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
155-
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
156-
<li><a href="#" class="icon fa-linkedin"><span class="label">linkedIn</span></a></li>
157-
<li><a href="#" class="icon fa-pinterest-p"><span class="label">Pinterest</span></a></li>
158-
<li><a href="#" class="icon fa-vimeo"><span class="label">Vimeo</span></a></li>
165+
<li><a href="#" class="icon fa-telegram"><span class="label">Telegram</span></a></li>
166+
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
167+
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
168+
<li><a href="#" class="icon fa-reddit-alien"><span class="label">Reddit</span></a></li>
169+
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
170+
<li><a href="#" class="icon fa-slack"><span class="label">Slack</span></a></li>
171+
<li><a href="#" class="icon fa-medium"><span class="label">Medium</span></a></li>
172+
<li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Envelope</span></a></li>
159173
</ul>
160174
</div>
161175
</div>

0 commit comments

Comments
 (0)