-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyleguide.html
More file actions
145 lines (142 loc) · 12.8 KB
/
styleguide.html
File metadata and controls
145 lines (142 loc) · 12.8 KB
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
<!DOCTYPE html>
<html id="scroll" style="overflow-x: hidden;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>LTZ-LitecoinZ-Designed-for-the-Future</title>
<meta property="og:type" content="website">
<meta name="twitter:description" content="LitecoinZ ( LTZ ) is the Decentralized cryptocurrency for your need to choose.">
<meta name="description" content="LitecoinZ ( LTZ ) is the Decentralized cryptocurrency for your need to choose.">
<meta name="twitter:title" content="LTZ-LitecoinZ-Designed for the Future">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image" content="../assets/img/LitecoinZLogoFacebook.svg">
<meta name="twitter:image" content="../assets/img/LitecoinZLogoFacebook.svg">
<meta property="og:description" content="LitecoinZ ( LTZ ) is the Decentralized cryptocurrency for your need to choose.">
<meta name="theme-color" content="#35153a">
<link rel="icon" type="image/svg+xml" sizes="467x465" href="assets/img/logos/iconLTZ.svg">
<link rel="icon" type="image/svg+xml" sizes="467x465" href="assets/img/logos/iconLTZ.svg">
<link rel="icon" type="image/svg+xml" sizes="467x465" href="assets/img/logos/iconLTZ.svg">
<link rel="icon" type="image/svg+xml" sizes="467x465" href="assets/img/logos/iconLTZ.svg">
<link rel="icon" type="image/svg+xml" sizes="467x465" href="assets/img/logos/iconLTZ.svg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bitter:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Finger+Paint">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body style="overflow-x: hidden;">
<div style="color: none;">
<div class="header-dark" style="background-image: url("none");height: auto;padding-bottom: 0px;color: none;background-color: none;">
<nav class="navbar navbar-dark navbar-expand-md fixed-top" style="background-color: transparent;">
<div class="container"><a class="navbar-brand" href="index.html"><img style="width: 148px;margin-left: 35px;" src="assets/img/logos/LtzLogo.png"></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div
class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav">
<li class="nav-item" role="presentation"><a class="nav-link text-right" style="color: #eaf4f8;" href="../index.html"><strong>Home</strong></a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div style="background-image: url("assets/img/headpics/color.jpg");height: 234px;background-repeat: no-repeat;background-size: cover;"></div>
<div class="d-flex d-md-flex justify-content-center align-items-center justify-content-md-center align-items-md-center" style="background-color: #eaf4f8;/*overflow-x: hidden;*/box-sizing: border-box;">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center" style="margin-top: 40px;font-family: Bitter, serif;">LTZ Design "Guide"</h1>
<h1 style="margin-top: 30px;font-family: Bitter, serif;">Icon/Symbol</h1>
<p style="color: #333333;font-weight: normal;">Those are the main Icon/Symbol style´s of LTZ in a Design.</p>
</div>
<div class="col-sm-4 col-md-4 d-flex d-md-flex justify-content-center align-items-center justify-content-md-center align-items-md-center"><img class="img-fluid" style="width: 165px;margin: 10px;padding: 10px;" src="assets/img/logos/iconLTZ.svg"></div>
<div class="col-sm-4 col-md-4 d-flex d-md-flex justify-content-center align-items-center justify-content-md-center align-items-md-center"><img class="img-fluid" style="width: 165px;margin: 10px;padding: 10px;" src="assets/img/logos/photoshop-ltz.png"></div>
<div class="col-sm-4 col-md-4 d-flex d-md-flex justify-content-center align-items-center justify-content-md-center align-items-md-center"><img class="img-fluid" style="width: 165px;margin: 10px;padding: 10px;" src="assets/img/logos/Lite_LTZ_logo.png"></div>
</div>
<div class="row d-md-flex justify-content-md-center align-items-md-center">
<div class="col-md-12">
<h1 style="margin-top: 30px;font-family: Bitter, serif;">Logo</h1>
<p style="color: #333333;font-weight: normal;">This is the LitecoinZ Logo, for the Future</p>
</div>
<div class="col-md-12 col-lg-5 d-sm-flex d-lg-flex justify-content-sm-center align-items-sm-center justify-content-lg-center align-items-lg-center"><img class="img-fluid" style="width: 377px;margin: 0px;padding: 10px;background-color: #263840;" src="assets/img/logos/LtzLogo.png"></div>
<div class="col-md-12">
<h2 style="margin-top: 30px;font-family: Bitter, serif;">Style</h2>
<p style="color: #333333;font-weight: normal;">Here we see you are free to style the Logo or Icon to the need/design of the Project.</p>
</div>
<div class="col-md-12 col-lg-5 d-sm-flex d-lg-flex justify-content-sm-center align-items-sm-center justify-content-lg-center align-items-lg-center"><img class="img-fluid" style="width: 377px;margin: 0px;padding: 10px;" src="assets/img/logos/LitecoinZLogodark.png"></div>
<div class="col-md-12 col-lg-5 d-flex d-sm-flex d-lg-flex d-xl-flex justify-content-center align-items-center justify-content-sm-center align-items-sm-center justify-content-lg-center align-items-lg-center align-items-xl-center"><img class="img-fluid" style="width: 135px;margin: 10px;padding: 10px;" src="assets/img/logos/iconltzdark.svg"></div>
<div class="col-md-12">
<h1 style="margin-top: 30px;font-family: Bitter, serif;">LtzCore Logo</h1>
<p style="color: #333333;font-weight: normal;">Like the LitecoinZ Logo you can fit the style to your need.</p>
</div>
<div class="col-md-12 col-lg-5 col-xl-12 d-sm-flex d-md-flex d-lg-flex d-xl-flex justify-content-sm-center align-items-sm-center justify-content-md-center align-items-md-center justify-content-lg-center align-items-lg-center justify-content-xl-center align-items-xl-center"><img class="img-fluid" style="width: 377px;margin: 0px;background-color: #263840;padding: 10px;" src="assets/img/logos/ltzcorelogo.png"></div>
<div class="col-md-12 col-lg-5 col-xl-6 d-sm-flex d-md-flex d-lg-flex d-xl-flex justify-content-sm-center align-items-sm-center justify-content-md-center align-items-md-center justify-content-lg-center align-items-lg-center justify-content-xl-center align-items-xl-center"><img class="img-fluid" style="width: 377px;margin: 0px;padding: 10px;" src="assets/img/logos/ltzcoredark.png"></div>
<div class="col-md-12 col-lg-6 col-xl-6 d-flex d-sm-flex d-md-flex d-lg-flex d-xl-flex justify-content-center align-items-center justify-content-sm-center align-items-sm-center justify-content-md-center align-items-md-center justify-content-lg-center align-items-lg-center justify-content-xl-center align-items-xl-center"><img class="img-fluid" style="width: 135px;margin: 10px;padding: 10px;" src="assets/img/resources/ltzcoreicondark.svg"></div>
<div class="col-md-12">
<h1 style="margin-top: 30px;font-family: Bitter, serif;">Color´s</h1>
<p style="color: #333333;font-weight: normal;">Those are the Color´s we use/used for our Design in one place.</p>
</div>
<div class="col-md-7 d-sm-flex d-md-flex justify-content-sm-center align-items-sm-center justify-content-md-center align-items-md-center"><img class="img-fluid" style="width: 377px;margin: 0px;padding: 10px;margin-bottom: 40px;" src="assets/img/logos/Colorstyle.svg"></div>
<div class="col-md-12">
<h1 style="margin-top: 30px;font-family: Bitter, serif;">Icon style</h1>
<p style="color: #333333;font-weight: normal;">In this 3 examples we can see still LTZ/LitecoinZ, this is not a new chain or wrong to use in your Design. "Free your mind/color"</p>
</div>
<div class="col-md-7 d-sm-flex d-md-flex justify-content-sm-center align-items-sm-center justify-content-md-center align-items-md-center"><img class="img-fluid" style="width: 377px;margin: 0px;padding: 10px;margin-bottom: 40px;" src="assets/img/logos/LitecoinZLogoexample.svg"></div>
<div class="col-md-12">
<h1 class="text-center pulse animated infinite" style="margin-top: 30px;padding-bottom: 40px;font-family: 'Finger Paint', cursive;color: #35153a;">Let´z Paint...</h1>
</div>
</div>
</div>
</div>
<div class="shadow-sm footer-clean" style="min-width: 100%;background-color: #263840;color: #eaf4f8;">
<footer>
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 item">
<h3 style="font-family: Bitter, serif;">LitecoinZ</h3>
<ul>
<li><a href="https://blog.litecoinz.org">Blog</a></li>
<li><a href="styleguide.html">Logos</a></li>
<li><a href="roadmap.html">Roadmap</a></li>
<li><a href="donation.html">Donations</a></li>
<li><a href="ltzcore.html">LtzCore API</a></li>
<li><a href="https://litecoinz.org/downloads/LITECOINZ-WHITE-PAPER.pdf">White Paper</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 item">
<ul></ul>
<h3 style="font-family: Bitter, serif;">Network</h3>
<ul>
<li><a href="https://explorer.litecoinz.org">Explorer</a></li>
<li><a href="https://wallet.litecoinz.org">Web-Wallet</a></li>
<li><a href="https://insight.litecoinz.org">Insight Explorer</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 item">
<h3 style="font-family: Bitter, serif;">Github</h3>
<ul>
<li><a href="https://github.com/litecoinz-project">Project</a></li>
<li><a href="https://github.com/LitecoinZ-Community">Community</a></li>
</ul>
</div>
<div class="col-lg-3 item social"><a href="https://discord.gg/QNcS4Pm"><i class="fab fa-discord"></i></a><a href="https://www.facebook.com/LitecoinZOfficialPage"><i class="icon ion-social-facebook"></i></a><a href="https://twitter.com/LitecoinzTeam"><i class="icon ion-social-twitter"></i></a>
<a
href="https://bitcointalk.org/index.php?topic=2767102.0"><i class="icon ion-social-bitcoin"></i></a>
<p class="copyright" style="color: #eaf4f8;font-family: Bitter, serif;">LitecoinZ Developers® 2019</p>
</div>
</div>
</div>
</footer>
</div>
<div style="visibility: hidden;/"><script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script><div id="particles-js"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>