Skip to content

Commit b185f30

Browse files
chrumchrum
committed
chore(): updating demo template
1 parent c5ae41d commit b185f30

File tree

8 files changed

+211
-76
lines changed

8 files changed

+211
-76
lines changed

‎src/assets/bg/bg-header.jpg

48.4 KB
Loading

‎src/assets/favicon.ico

15 KB
Binary file not shown.

‎src/assets/favicon.svg

+31
Loading

‎src/assets/logo/logo-invert.ico

162 KB
Binary file not shown.

‎src/assets/logo/logo-invert.png

20.6 KB
Loading

‎src/assets/logo/logo.png

7.55 KB
Loading

‎src/assets/logo/logo.svg

+31
Loading

‎src/index.html

+149-76
Original file line numberDiff line numberDiff line change
@@ -1,88 +1,161 @@
1-
<!doctype html>
21
<html lang="en">
2+
33
<head>
4-
<meta charset="utf-8">
5-
<title>NgxAutosize</title>
6-
<base href="">
7-
8-
<meta name="viewport" content="width=device-width, initial-scale=1">
9-
<link rel="apple-touch-icon" sizes="57x57" href="https://chrum.it/user/themes/landio/img/favicon/apple-touch-icon-57x57.png">
10-
<link rel="apple-touch-icon" sizes="60x60" href="https://chrum.it/user/themes/landio/img/favicon/apple-touch-icon-60x60.png">
11-
<link rel="apple-touch-icon" sizes="72x72" href="https://chrum.it/user/themes/landio/img/favicon/apple-touch-icon-72x72.png">
12-
<link rel="apple-touch-icon" sizes="76x76" href="https://chrum.it/user/themes/landio/img/favicon/apple-touch-icon-76x76.png">
13-
<link rel="apple-touch-icon" sizes="114x114" href="https://chrum.it/user/themes/landio/img/favicon/apple-touch-icon-114x114.png">
14-
<link rel="apple-touch-icon" sizes="120x120" href="https://chrum.it/user/themes/landio/img/favicon/apple-touch-icon-120x120.png">
15-
<link rel="apple-touch-icon" sizes="144x144" href="https://chrum.it/user/themes/landio/img/favicon/apple-touch-icon-144x144.png">
16-
<link rel="apple-touch-icon" sizes="152x152" href="https://chrum.it/user/themes/landio/img/favicon/apple-touch-icon-152x152.png">
17-
<link rel="apple-touch-icon" sizes="180x180" href="https://chrum.it/user/themes/landio/img/favicon/apple-touch-icon-180x180.png">
18-
<link rel="icon" type="image/png" href="https://chrum.it/user/themes/landio/img/favicon/favicon-32x32.png" sizes="32x32">
19-
<link rel="icon" type="image/png" href="https://chrum.it/user/themes/landio/img/favicon/android-chrome-192x192.png" sizes="192x192">
20-
<link rel="icon" type="image/png" href="https://chrum.it/user/themes/landio/img/favicon/favicon-96x96.png" sizes="96x96">
21-
<link rel="icon" type="image/png" href="https://chrum.it/user/themes/landio/img/favicon/favicon-16x16.png" sizes="16x16">
22-
<link rel="manifest" href="https://chrum.it/user/themes/landio/img/favicon/manifest.json">
23-
<link rel="icon" type="image/png" href="https://chrum.it/user/themes/landio/img/favicon/favicon.ico">
24-
25-
<link href="https://chrum.it/user/themes/landio/css/animate.min.css" type="text/css" rel="stylesheet">
26-
<link href="https://chrum.it/user/themes/landio/css/landio.css" type="text/css" rel="stylesheet">
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
7+
<title>Ngx-Autosize</title>
8+
<meta name="description" content="Ngx-Autosize - Angular2+ directive that automatically adjusts textarea height to fit its content"/>
9+
<meta name="author" content="Chrum.It"/>
10+
11+
<meta property="og:title" content="Ngx-snake"/>
12+
<meta property="og:type" content="website"/>
13+
<meta property="og:url" content="https://chrum.it/"/>
14+
<meta property="og:description" content="Ngx-Autosize - Angular2+ directive that automatically adjusts textarea height to fit its content"/>
15+
<meta property="og:image" content="image.png"/>
16+
17+
<link rel="icon" href="./assets/favicon.ico"/>
18+
<link rel="icon" href="./assets/favicon.svg" type="image/svg+xml"/>
19+
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
20+
21+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
22+
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
23+
24+
<link rel="preconnect" href="https://fonts.googleapis.com"/>
25+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
26+
<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet"/>
27+
28+
<style>
29+
html,
30+
body {
31+
position: relative;
32+
33+
height: 100%;
34+
min-height: 2000px;
35+
36+
width: 100%;
37+
38+
display: flex;
39+
flex-direction: column;
40+
//justify-content: space-between;
41+
}
42+
43+
header {
44+
display: flex;
45+
align-items: center;
46+
min-height: 100px;
47+
}
48+
49+
header .navbar-brand {
50+
position: absolute;
51+
top: 0;
52+
}
53+
54+
header .navbar-brand img{
55+
height: 52px;
56+
}
57+
58+
section#main-body {
59+
display: flex;
60+
align-items: center;
61+
justify-content: center;
62+
}
63+
64+
.text-violet {
65+
color: #14121d;
66+
}
67+
68+
.bg-violet {
69+
background-color: #14121d;
70+
}
71+
72+
.bg-header {
73+
background-image: url('assets/bg/bg-header.jpg');
74+
background-repeat: no-repeat;
75+
background-attachment: fixed;
76+
background-position: center center;
77+
background-size: cover;
78+
}
79+
80+
footer {
81+
display: flex;
82+
align-items: center;
83+
justify-content: center;
84+
}
85+
86+
footer p {
87+
font-size: .8rem;
88+
}
89+
90+
.bg-cover {
91+
margin: 0 -12px; transform: rotate(180deg);
92+
}
93+
94+
.bg-cover svg {
95+
height: 32px;
96+
width: 100%;
97+
}
98+
</style>
2799

28100
</head>
29-
<body>
30101

31-
<section class="section-intro text-center bg-faded hidden-overflow">
32-
<div class="container">
33-
<h3 class="wp wp-1 animated fadeInUp">ngx-autosize</h3>
34-
<p class="lead wp wp-2 animated fadeInUp">
35-
is an Angular2+ directive that automatically adjusts textarea height to fit its content.
36-
</p>
37-
</div>
102+
<body id="page-top bg-light">
38103

39-
<app-root></app-root>
40-
</section>
104+
<header class="page-section text-violet">
105+
<div class="container-fluid px-5">
106+
<a class="navbar-brand pt-3" href="https://chrum.it/" target="_blank">
107+
<img class="text-violet" src="./assets/logo/logo.svg" alt="">
108+
<!-- <img src="./img/logo/logo-invert.png" alt=""> -->
109+
</a>
110+
<div class="row text-center justify-content-center">
111+
<div class="col-lg-8">
112+
<h1 class="" style="font-family: 'Kaushan Script', Sans-serif;">
113+
ngx-snake
114+
</h1>
115+
</div>
116+
</div>
117+
</div>
118+
</header>
41119

42-
<footer class="section-footer bg-inverse" role="contentinfo">
43-
<div class="container">
44-
<div class="row">
45-
<div class="col-md-4 col-lg-3">
46-
<div class="media">
47-
<div class="media-left">
48-
<img src="https://chrum.it/user/themes/landio/img/logo2.png" height="42px">
49-
<small class="media-body media-bottom">
50-
© Chrum IT
51-
</small>
52-
</div>
120+
<section id="main-body" class="page-section m-5 text-violet">
121+
<div class="container">
122+
<div class="row text-center justify-content-center">
123+
<div class="col-lg-8 p-4">
124+
<h2>ngx-autosize</h2>
125+
<p>
126+
is an Angular2+ directive that automatically adjusts textarea height to fit its content.
127+
</p>
53128

129+
<app-root></app-root>
130+
</div>
131+
</div>
132+
</div>
133+
</section>
134+
135+
<footer class="page-section bg-violet text-light">
136+
<div class="container-fluid">
137+
<div class="bg-cover">
138+
<svg color="#fff" fill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"
139+
preserveAspectRatio="none">
140+
<path class="elementor-shape-fill" d="M737.9,94.7L0,0v100h1000V0L737.9,94.7z"></path>
141+
</svg>
142+
</div>
143+
<div class="row text-left">
144+
<div class="col-lg-8 pt-3 px-5">
145+
<p>
146+
Białystok, Poland <br/>
147+
+48 505 724 404 <br/>
148+
[email protected] <br/>
149+
Mon. - Fri. 8AM - 6PM
150+
</p>
151+
</div>
54152
</div>
55-
</div>
56-
<div class="col-md-8 col-lg-9">
57-
<ul class="list-inline m-b-0">
58-
<li class="nav-item nav-item-toggable active">
59-
<a class="nav-link" href="https://chrum.it">
60-
Home
61-
</a>
62-
</li>
63-
<li class="nav-item nav-item-toggable ">
64-
<a class="nav-link" href="https://chrum.it#about_us">About us</a>
65-
</li>
66-
<li class="nav-item nav-item-toggable ">
67-
<a class="nav-link" href="https://chrum.it#offer">Offer</a>
68-
</li>
69-
<li class="nav-item nav-item-toggable ">
70-
<a class="nav-link" href="https://chrum.it#portfolio">Portfolio</a>
71-
</li>
72-
<li class="nav-item nav-item-toggable ">
73-
<a class="nav-link" href="https://chrum.it#team">Team</a>
74-
</li>
75-
<li class="nav-item nav-item-toggable ">
76-
<a class="nav-link" href="https://chrum.it#clients">Clients</a>
77-
</li>
78-
<li class="nav-item nav-item-toggable ">
79-
<a class="nav-link" href="https://chrum.it#contact">Contact</a>
80-
</li>
81-
</ul>
82-
</div>
83153
</div>
84-
</div>
85-
<a href="https://github.com/chrum/ngx-autosize"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
86154
</footer>
155+
156+
<a href="https://github.com/chrum/ngx-autosize"><img style="position: absolute; top: 0; right: 0; border: 0;"
157+
src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"
158+
alt="Fork me on GitHub"></a>
159+
160+
87161
</body>
88-
</html>

0 commit comments

Comments
 (0)