18 |
26 |
19 |
25 |
20 |
24 |
21 | {{ .Content }}
22 |
23 |
5 |
18 |
6 |
17 |
7 |
16 |
8 |
15 | 9 | {{ .title }} 10 |
11 |12 | {{ .description }} 13 |
14 |
19 |
31 |
20 | 
21 |
22 |
21 |
23 | {{ $Section := .images }}
24 | {{ range $Section }}
25 |
30 |
26 | 
27 |
28 | {{ end }}
29 | 
3 |
4 | Apsho Hugo – App Landing Page is the perfect app showcase Hugo Theme. Apsho is a better way to present your modern business and app showcasing. It’s easy to customize and also well documented. And compatible with Desktop, laptop, mobile, and also compatible with major browsers. We follow the modern design system to craft the template.
5 |
6 | ## Table of Contents
7 |
8 | - [Live Demo](#live-demo)
9 | - [Installation](#installation)
10 | - [Main Features](#features)
11 | - [Support](#support)
12 | - [Licensing](#licensing)
13 | - [Hire](#hire)
14 |
15 | ## Live Demo
16 |
17 | Checkout the live demo [here](https://apsho-hugo.staticmania.com/)
18 |
19 | ## Installation
20 |
21 | 1. Add the repository into your Hugo Project repository as a submodule, `git submodule add git@github.com:StaticMania/hugo-apsho.git themes/apsho`.
22 | 2. Copy the `data`, `content`, `static`, `resources` & `config.toml` files from the `exampleSite` directory and paste it on you Hugo Project repository/directory. From the site home directory:
23 |
24 | cp -a themes/apsho/exampleSite/\* .
25 |
26 | 3. Build your site with `hugo serve` and see the result at `http://localhost:1313/`.
27 |
28 | ## Features
29 |
30 | - Responsive Ready.
31 | - Powered by Bootstrap 4.
32 | - Blog Support.
33 | - Well formatted code.
34 | - Easy Customization.
35 | - FabForm.io [static website form](https://fabform.io).
36 | - Google Analytics.
37 | - Forestry Integrated.
38 | - Crafted for Personal Portfolio
39 |
40 | ## Support
41 |
42 | Have some question or facing any technical trouble feel free to [Contact Us](https://staticmania.com/contact/)
43 |
44 | ## Licensing
45 |
46 | This Repository is licensed under the [MIT](https://github.com/StaticMania/apsho/blob/master/LICENSE) License
47 |
48 | ## Hire
49 |
50 | Need help to build HUGO websites with your custom requirements. Feel free to [contact](https://staticmania.com/contact/) with us. We provide custom development service for HUGO.
51 |
--------------------------------------------------------------------------------
/assets/scss/fonts/slick.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
15 |
--------------------------------------------------------------------------------
/assets/scss/_common.scss:
--------------------------------------------------------------------------------
1 | a {
2 | color: $primary-color;
3 | }
4 |
5 | .section {
6 | &-title {
7 | text-align: center;
8 | margin-bottom: 50px;
9 | @include mobile {
10 | margin-bottom: 0;
11 | }
12 |
13 | h2 {
14 | font-size: 45px;
15 | @include tablet {
16 | font-size: 35px;
17 | line-height: 44px;
18 | }
19 | @include mobile {
20 | font-size: 30px;
21 | }
22 | }
23 | }
24 | }
25 |
26 | .ml-25 {
27 | margin-left: 25px;
28 |
29 | @include desktop {
30 | margin-left: 0px;
31 | }
32 | }
33 |
34 | .mr-25 {
35 | margin-right: 25px;
36 |
37 | @include desktop {
38 | margin-right: 0px;
39 | }
40 | }
41 |
42 | .form-control {
43 | min-height: 52px;
44 | margin-bottom: 30px;
45 | padding: 15px 20px;
46 | font-size: 15px;
47 | background: rgba($color: $border-color, $alpha: 0.5);
48 | border-radius: 4px;
49 | border-color: transparent;
50 | transition: 0.3s ease;
51 | &:focus {
52 | box-shadow: none;
53 | border-color: $primary-color;
54 | box-shadow: 0px 5px 25px rgba(25, 24, 29, 0.06);
55 | }
56 | }
57 |
58 | .page {
59 | &-header {
60 | padding: 130px 0 200px;
61 | background-color: $white;
62 | text-align: center;
63 | margin: 130px 100px 0;
64 | background: #f9f2ea;
65 | border-radius: 50px;
66 | @include desktop-xl {
67 | margin: 130px 50px 0;
68 | }
69 | @include desktop {
70 | margin: 130px 30px 0;
71 | border-radius: 25px;
72 | padding: 80px 0 180px;
73 | }
74 | @include mobile {
75 | margin: 100px 15px 0;
76 | padding: 50px 0 120px;
77 | }
78 | h1 {
79 | @include desktop {
80 | font-size: 40px;
81 | }
82 | margin-bottom: 20px;
83 | }
84 | h2 {
85 | font-size: 40px;
86 | line-height: 52px;
87 | @include mobile {
88 | font-size: 30px;
89 | line-height: 42px;
90 | }
91 | }
92 | }
93 | &-content {
94 | padding: 10px 50px 30px;
95 | &-wrapper {
96 | padding: 40px 50px;
97 | background-color: white;
98 | border-radius: 10px;
99 | margin-top: -150px;
100 | box-shadow: 0px 5px 25px rgba(25, 24, 29, 0.06);
101 | }
102 | }
103 | }
104 |
--------------------------------------------------------------------------------
/assets/scss/plugins/_slick.scss:
--------------------------------------------------------------------------------
1 | /* Slider */
2 | .slick-slider
3 | {
4 | position: relative;
5 |
6 | display: block;
7 | box-sizing: border-box;
8 |
9 | -webkit-user-select: none;
10 | -moz-user-select: none;
11 | -ms-user-select: none;
12 | user-select: none;
13 |
14 | -webkit-touch-callout: none;
15 | -khtml-user-select: none;
16 | -ms-touch-action: pan-y;
17 | touch-action: pan-y;
18 | -webkit-tap-highlight-color: transparent;
19 | }
20 |
21 | .slick-list
22 | {
23 | position: relative;
24 |
25 | display: block;
26 | overflow: hidden;
27 |
28 | margin: 0;
29 | padding: 0;
30 | }
31 | .slick-list:focus
32 | {
33 | outline: none;
34 | }
35 | .slick-list.dragging
36 | {
37 | cursor: pointer;
38 | cursor: hand;
39 | }
40 |
41 | .slick-slider .slick-track,
42 | .slick-slider .slick-list
43 | {
44 | -webkit-transform: translate3d(0, 0, 0);
45 | -moz-transform: translate3d(0, 0, 0);
46 | -ms-transform: translate3d(0, 0, 0);
47 | -o-transform: translate3d(0, 0, 0);
48 | transform: translate3d(0, 0, 0);
49 | }
50 |
51 | .slick-track
52 | {
53 | position: relative;
54 | top: 0;
55 | left: 0;
56 |
57 | display: block;
58 | margin-left: auto;
59 | margin-right: auto;
60 | }
61 | .slick-track:before,
62 | .slick-track:after
63 | {
64 | display: table;
65 |
66 | content: '';
67 | }
68 | .slick-track:after
69 | {
70 | clear: both;
71 | }
72 | .slick-loading .slick-track
73 | {
74 | visibility: hidden;
75 | }
76 |
77 | .slick-slide
78 | {
79 | display: none;
80 | float: left;
81 |
82 | height: 100%;
83 | min-height: 1px;
84 | }
85 | [dir='rtl'] .slick-slide
86 | {
87 | float: right;
88 | }
89 | .slick-slide img
90 | {
91 | display: block;
92 | }
93 | .slick-slide.slick-loading img
94 | {
95 | display: none;
96 | }
97 | .slick-slide.dragging img
98 | {
99 | pointer-events: none;
100 | }
101 | .slick-initialized .slick-slide
102 | {
103 | display: block;
104 | }
105 | .slick-loading .slick-slide
106 | {
107 | visibility: hidden;
108 | }
109 | .slick-vertical .slick-slide
110 | {
111 | display: block;
112 |
113 | height: auto;
114 |
115 | border: 1px solid transparent;
116 | }
117 | .slick-arrow.slick-hidden {
118 | display: none;
119 | }
120 |
--------------------------------------------------------------------------------
/layouts/blog/list.html:
--------------------------------------------------------------------------------
1 | {{ define "main" }}
2 |
3 | 
14 | 
24 | 
73 | 
83 |