Franck Valot / netlify-hugo-test

Go to a project
Toggle navigation Toggle navigation pinning
Franck Valot
14f591de 1 parent 583bcb2a

Added Index.html and relevant CSS/Partials

Expand all
Inline Side-by-side
Showing 37 changed files with 401 additions and 117 deletions
1 -baseURL = "http://example.org/" 1 +baseURL = "https://opencellsoft.com/"
2 languageCode = "en-us" 2 languageCode = "en-us"
3 -title = "My New Hugo Site"
4 -theme = "ga-hugo-theme"
...\ No newline at end of file ...\ No newline at end of file
3 +title = "Opencellsoft"
4 +
5 +[params]
......
1 ----
2 -title: "Test"
3 -date: 2018-12-12T16:08:23+07:00
4 -draft: true
5 ----
6 -
7 -Test
...\ No newline at end of file ...\ No newline at end of file
1 ----
2 -title: "B"
3 -date: 2018-12-12T18:29:09+07:00
4 -draft: true
5 ----
6 -
1 ----
2 -title: "B"
3 -date: 2018-12-12T16:10:08+07:00
4 -draft: true
5 ----
6 -
7 -This is dir1/b.md
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html>
3 + {{ partial "head.html" }}
4 + <body>
5 + {{ partial "header/navBar.html" }}
6 + {{ partial "sections/header-service.html" }}
7 + {{ partial "sections/paradigm.html" }}
8 + {{ partial "sections/provide.html" }}
9 + {{ partial "sections/whatmakesus.html" }}
10 + {{ partial "sections/mainindustries.html" }}
11 +
12 + {{ partial "script.html" }}
13 + </body>
14 +</html>
1 + <head>
2 + <meta charset="UTF-8">
3 + <meta name="generator" content="Hugo 0.52">
4 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
6 + <link rel="preconnect" href="https://opencellsoft.com/">
7 + <link rel="canonical" href="https://opencellsoft.com/">
8 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
9 + <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/creative.css" type="text/css">
10 + <title>Opencell</title>
11 + </head>
1 +<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-white">
2 + <div class="container">
3 + <a class="navbar-brand" href="index.html"><img src="/img/logo-opencell.svg" alt="Opencell-logo"></a>
4 + <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
5 + <span class="navbar-toggler-icon"></span>
6 + </button>
7 + <div class="collapse navbar-collapse" id="navbarResponsive">
8 + <ul class="navbar-nav ml-auto">
9 + <li class="nav-item">
10 + <a class="nav-link" href="about.html">PLATFORM</a>
11 + </li>
12 + <li class="nav-item">
13 + <a class="nav-link" href="services.html">SOLUTION</a>
14 + </li>
15 + <li class="nav-item">
16 + <a class="nav-link" href="contact.html">ABOUT US</a>
17 + </li>
18 + <li class="nav-item">
19 + <a class="nav-link" href="contact.html">SUPPORT</a>
20 + </li>
21 + <li class="nav-item">
22 + <a class="nav-link" href="contact.html">SEARCH</a>
23 + </li>
24 + <li class="nav-item">
25 + <button type="button" name="getDemo" class="opencell-btn">GET A DEMO</button>
26 + </li>
27 + <li class="nav-item">
28 + <button type="button" name="login" class="opencell-btn">LOG IN</button>
29 + </li>
30 + </ul>
31 + </div>
32 + </div>
33 + </nav>
1 + <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
2 + <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
3 + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
4 + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
1 + <header id="header-services">
2 + <div class="header-content">
3 + <div class="header-content-inner">
4 + <h1>Stop selling product.
5 + <br>Start selling recurring services.</h1>
6 + <p>Subscription and usage monetization platform.</p>
7 + </div>
8 + </div>
9 + </header>
1 + <section>
2 + <div class="container">
3 + <div class="row justify-content-center">
4 + <h1 class="col-12 text-center">Our main industries.</h1>
5 + <div class="w-100"></div>
6 + <h2 class="col-12 col-md-8 col-lg-6">OUR PLATFORM IS ADAPTED FOR ALL INDUSTRIES AND ALL BUSINESS SIZES. IT WORKS IN B2C, B2B AND B2BC</h2>
7 + </div>
8 + <div class="row justify-content-center">
9 + <div class="col-8 col-md-5 col-lg-4 indus-telco">
10 + <p>TELCO, IOT & CLOUD INFRASTRUCTURE</p>
11 + </div>
12 + <div class="col-8 col-md-5 col-lg-4 indus-energy">
13 + <span>ENERGY & UTILITIES</span>
14 + </div>
15 + <div class="w-100"></div>
16 + <div class="col-8 col-md-5 col-lg-4 indus-mobility">
17 + <span>MOBILITY & TRANSPORT</span>
18 + </div>
19 + <div class="col-8 col-md-5 col-lg-4 indus-retail">
20 + <span>RETAIL</span>
21 + </div>
22 + </div>
23 + </div>
24 + </section>
1 + <section>
2 + <div class="container">
3 +
4 + <div class="row justify-content-center">
5 + <h1 class="col-12 text-center">A new paradigm.</h1>
6 + <div class="col-sm-12 col-md-10 col-lg-8 embed-responsive embed-responsive-16by9">
7 + <iframe class="youtube" src="https://www.youtube.com/embed/4MJvDNp7xsk?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
8 + </div>
9 + </div>
10 + </div>
11 + </section>
1 + <section>
2 + <div class="container">
3 + <div class="row align-items-center justify-content-center">
4 + <h1 class="col-12 text-center">What we provide.</h1>
5 + <div class="col-12 col-md-8 col-lg-6">
6 + <img src="img/hp_schema.png" class="img-fluid" alt="">
7 + </div>
8 + <div class="col-12 col-md-4 col-lg-6">
9 + <p>Opencell is an end-to-end platform for monetizing subscription and usage-based revenue businesses.</p>
10 + <p>We enable recurring revenue businesses to quickly launch new services, to monetize new revenue streams and deliver improved customer experiences.</p>
11 + <button type="button" name="button" class="opencell-btn">DISCOVER</button>
12 + </div>
13 + </div>
14 + </div>
15 + </section>
1 + <section>
2 + <div class="container">
3 + <div class="row justify-content-center">
4 + <h1 class="col text-center">What Makes Us</h1>
5 + </div>
6 + <div class="row justify-content-center whatmakesus text-center">
7 + <div class="col-8 col-md-4">
8 + <div class="title-box text-center">POWERFUL</div>
9 + <h2>FULL ORDER-TO-CASH CAPABILITY</h2>
10 + <p>Our modular platform can totally or partially replace your existing solution.</p>
11 + <h2>USER EXPERIENCE</h2>
12 + <p>Role-based customized experiences using our flexible portal.</p>
13 + <h2>B2C, B2B OR B2B2C</h2>
14 + <p>Multi-level customer hierarchy and commissioning capability.</p>
15 + <h2>SCALABILITY</h2>
16 + <p>Big data technology providing exceptional scalability at low cost.</p>
17 + </div>
18 + <div class="col-8 col-md-4">
19 + <div class="title-box text-center">AGILE</div>
20 + <h2>BEST CLASS IN APIs</h2>
21 + <p>Over 400 rich APIs for quick configuration and easy integration.</p>
22 + <h2>BUSINESS FIT</h2>
23 + <p>Pre-configured templates for your industry.</p>
24 + <h2>FLEXIBAL DATA MODEL</h2>
25 + <p>Meet your requirements without custom developments.</p>
26 + <h2>QUICK TIME-TO-MARKET</h2>
27 + <p>Complex projects go-live in less than three months.</p>
28 + </div>
29 + <div class="col-8 col-md-4 col-lg-3">
30 + <div class="title-box text-center">SIMPLE</div>
31 + <h2>SIMPLE PRICING MODEL</h2>
32 + <p>Easy to understand pricing adapted to customer business model.</p>
33 + <h2>OPEN SOURCE</h2>
34 + <p>No vendor lock-in means we work extra hard to keep customers happy.</p>
35 + <h2>AUTONOMY</h2>
36 + <p>Quick user adoption means you don’t need to rely on third-party services.</p>
37 + <h2>CLOUD READY</h2>
38 + <p>Deploy on private or public cloud or use our SaaS or managed hosting services.</p>
39 + </div>
40 + </div>
41 + </div>
42 + </section>
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
1 +.navbar {
2 + font-family: 'GT Walsheim';
3 +}
4 +
5 +.navbar .container {
6 + height: 44px;
7 +}
8 +
9 +@media(min-width:1024px) {
10 + .navbar .container {
11 + height: 84px;
12 + }
13 +}
14 +
15 +.navbar-brand img {
16 + width: 160px;
17 + padding-bottom: 8px;
18 +}
19 +
20 +.nav-item {
21 + margin-left: 15px;
22 +}
23 +
24 +.opencell-btn {
25 + background-color: #DD594E;
26 + color: white;
27 + padding: 7px 20PX;
28 + border: 0;
29 +}
30 +
31 +html, body {
32 + width: 100%;
33 + height: 100%;
34 +}
35 +
36 +body {
37 + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
38 + font-size: 14px;
39 +}
40 +
41 +header {
42 + position: relative;
43 + padding-top: 60px;
44 + width: 100%;
45 + min-height: 100%;
46 + text-align: center;
47 + color: #fff;
48 + background-image: url("/img/bg/bg_slider_1.jpg");
49 + -webkit-background-size: cover !important;
50 + -moz-background-size: cover !important;
51 + background-size: cover !important;
52 + -o-background-size: cover !important;
53 + background-position: 50% 0px !important;
54 + background-color: #DD594E;background-repeat: no-repeat !important;
55 +}
56 +
57 +
58 +header .header-content {
59 + position: absolute;
60 + top: 30%;
61 + bottom: 20%;
62 + left: 10%;
63 + width: 80%;
64 + text-align: center;
65 +}
66 +
67 +header .header-content .header-content-inner h1 {
68 + margin: auto;
69 + text-transform: none;
70 + font-size: 26px;
71 + line-height: 34px;
72 + font-weight: 500;
73 + padding-bottom: 20px;
74 +}
75 +
76 +header .header-content .header-content-inner p {
77 + font-size: 16px;
78 + font-weight: 300;
79 +}
80 +
81 +
82 +@media(min-width:1024px) {
83 + header {
84 + margin-top: 100px;
85 + min-height: 70%;
86 + background-image: url("/img/bg/bg_slider_1.jpg");
87 + }
88 +
89 + header .header-content {
90 + position: absolute;
91 + top: 20%;
92 + bottom: 20%;
93 + left: 20%;
94 + width: 60%;
95 + padding: 0;
96 + }
97 +
98 + header .header-content .header-content-inner h1 {
99 + margin: auto;
100 + text-transform: none;
101 + font-size: 4vw;
102 + line-height: 5.2vw;
103 + font-weight: 500;
104 + padding-bottom: 20px;
105 + }
106 +
107 + header .header-content .header-content-inner p {
108 + font-size: 2.4vw;
109 + font-weight: 300;
110 + }
111 +}
112 +
113 +text-center {
114 + text-align: center;
115 +}
116 +
117 +.desc {
118 + padding: 30px 0;
119 +}
120 +
121 +section h1 {
122 + color: #5A5A5A;
123 + font-weight: bold;
124 + text-transform: none;
125 + font-size: 26px;
126 + line-height: 34px;
127 + padding: 4vw 0;
128 +}
129 +
130 +section h2 {
131 + color: black;
132 + min-height: 40px;
133 + font-weight: bold;
134 + text-transform: none;
135 + vertical-align: middle;
136 + font-size: 12px;
137 + line-height: 20px;
138 + margin-top: 10px;
139 +}
140 +
141 +
142 +.title-box {
143 + background-color: #EB5048;
144 + color: white;
145 + padding: 14px 0;
146 + border: 0;
147 + text-transform: none;
148 + font-size: 18px;
149 +}
150 +
151 +.whatmakesus p {
152 + line-height: 20px;
153 +}
154 +
155 +
156 +@media(min-width:1024px) {
157 + section {
158 + min-height: 70%;
159 + padding: 10px 0;
160 + }
161 +
162 + section h1 {
163 + font-size: 4vw;
164 + line-height: 5.2vw;
165 + font-weight: 500;
166 + }
167 +
168 +
169 +}
170 +
171 +@media(min-width:992px) {
172 + .section h2 {
173 + height: 40px;
174 + }
175 +
176 + .whatmakesus p {
177 + min-height: 80px;
178 + }
179 +}
180 +
181 +.indus-telco, .indus-energy, .indus-mobility, .indus-retail {
182 + text-align: center;
183 + font-size: 16px;
184 + line-height: 30px
185 + font-weight: bold;
186 + color: white;
187 + height: 90px;
188 + padding: 30px 0;
189 + margin: 20px;
190 + border: 0;
191 +
192 +}
193 +
194 +.indus-telco {
195 + background-color: #E14D43;
196 +}
197 +
198 +.indus-energy {
199 + background-color: #CF1428;
200 +}
201 +
202 +.indus-mobility {
203 + background-color: #991921;
204 +}
205 +
206 +.indus-retail {
207 + background-color: #D53F4F;
208 +}
This diff could not be displayed because it is too large.
1 +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 21.048">
2 + <defs>
3 + <style>
4 + .cls-1 {
5 + fill: #5a5a5a;
6 + }
7 + </style>
8 + </defs>
9 + <g id="logo-opencell" transform="translate(0.04 0.02)">
10 + <path id="Tracé_3" data-name="Tracé 3" class="cls-1" d="M378.641,280.66V264.652H374.01v20.011h10.321v-4Zm-15.807,0V264.652H358.2v20.011h10.306v-4Zm-11.151-12.291v-3.717H339.477v20.011h12.206v-3.717h-7.575v-4.4h7.575v-3.632h-7.575v-4.546ZM328.9,277.48A4.951,4.951,0,0,1,323.871,281a6.027,6.027,0,0,1-6.064-6.347c0-3.318,2.174-6.347,6-6.347a4.885,4.885,0,0,1,5.146,4.116h4.832c-.544-4.6-4.172-8.292-10.035-8.292a10.522,10.522,0,1,0,.057,21.042c5.605,0,9.234-3.456,10.007-7.691Zm-33.333-12.828h-4.832v20.011h4.631V271.8l7.2,12.863H307.4V264.652h-4.6v13.036Zm-11.352,3.717v-3.717H272.007v20.011h12.206v-3.717h-7.575v-4.4h7.575v-3.632h-7.575v-4.546ZM258.8,275.344h-3.173v-6.912H258.8a3.466,3.466,0,0,1,0,6.912m-7.8,9.319h4.631v-5.546h3.745a7.227,7.227,0,1,0,0-14.453H251Z" transform="translate(-224.371 -264.15)"/>
11 + <path id="Tracé_4" data-name="Tracé 4" class="cls-1" d="M166.309,277.588a10.633,10.633,0,0,0,20.385,0h-4.98a5.656,5.656,0,0,1-10.4,0Zm20.564-5.093a10.623,10.623,0,0,0-20.752,0h4.9a5.694,5.694,0,0,1,10.972,0Z" transform="translate(-166.16 -264.164)"/>
12 + </g>
13 +</svg>
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 +// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
2 +require('../../js/transition.js')
3 +require('../../js/alert.js')
4 +require('../../js/button.js')
5 +require('../../js/carousel.js')
6 +require('../../js/collapse.js')
7 +require('../../js/dropdown.js')
8 +require('../../js/modal.js')
9 +require('../../js/tooltip.js')
10 +require('../../js/popover.js')
11 +require('../../js/scrollspy.js')
12 +require('../../js/tab.js')
13 +require('../../js/affix.js')
...\ No newline at end of file ...\ No newline at end of file
1 -The MIT License (MIT)
2 -
3 -Copyright (c) 2017 YOUR_NAME_HERE
4 -
5 -Permission is hereby granted, free of charge, to any person obtaining a copy of
6 -this software and associated documentation files (the "Software"), to deal in
7 -the Software without restriction, including without limitation the rights to
8 -use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9 -the Software, and to permit persons to whom the Software is furnished to do so,
10 -subject to the following conditions:
11 -
12 -The above copyright notice and this permission notice shall be included in all
13 -copies or substantial portions of the Software.
14 -
15 -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 -FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 -COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 -IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 -CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
1 -# Giraffe Academy - Hugo Theme
2 -A "Hugo - Static Site Generator" theme used in Giraffe Academy's Hugo course
3 -
4 -## Usage
5 -Clone this repository into the themes/ folder. If you want you can rename it to something of your choosing, then modify the config.toml file with the following line:
6 -
7 -theme = "ga-hugo-theme"
1 -<html>
2 -<head>
3 - <meta charset="UTF-8">
4 - <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 - <meta http-equiv="X-UA-Compatible" content="ie=edge">
6 - <title>Document</title>
7 -</head>
8 -<body>
9 - {{ partial "header" (dict "Kind" .Kind "Template" "List") }}
10 - {{.Content}}
11 - {{ range .Pages }}
12 - <div style="border: 1px solid black; margin:10px; padding:10px; ">
13 - <div style="font-size:20px;">
14 - <a href="{{.URL}}">{{.Title}}</a>
15 - </div>
16 - <div style="color:grey; font-size:16px;">{{ dateFormat "Monday, Jan 2, 2006" .Date }}</div>
17 - <div style="color:grey; font-size:16px;">{{ if .Params.tags }}<strong>Tags:</strong> {{range .Params.tags}}<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> {{end}}{{end}}</div>
18 - <div style="color:grey; font-size:16px;">{{ if .Params.categories }}<strong>Categories:</strong> {{range .Params.categories}}<a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> {{end}}{{end}}</div>
19 - <div style="color:grey; font-size:16px;">{{ if .Params.moods }}<strong>Moods:</strong> {{range .Params.moods}}<a href="{{ "/moods/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> {{end}}{{end}}</div>
20 -
21 - <p style="font-size:18px;">{{.Summary}}</p>
22 - </div>
23 - {{ end }}
24 - {{ partial "footer" . }}
25 -</body>
26 -</html>
1 -<html>
2 -<head>
3 - <meta charset="UTF-8">
4 - <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 - <meta http-equiv="X-UA-Compatible" content="ie=edge">
6 - <title>Document</title>
7 -</head>
8 -<body>
9 - {{ partial "header" (dict "Kind" .Kind "Template" "Single") }}
10 -
11 - <div style="margin:25px;">
12 - <h1>{{.Title}}</h1>
13 - <div style="color:grey; font-size:16px;">{{ dateFormat "Monday, Jan 2, 2006" .Date }}</div>
14 - <div style="color:grey; font-size:16px;">{{if .Params.author}}Author: {{.Params.Author}}{{end}}</div>
15 - <div style="font-size:18px;">{{.Content}}</div>
16 - </div>
17 - {{ partial "footer" . }}
18 -</body>
19 -</html>
...\ No newline at end of file ...\ No newline at end of file
1 -<div style="height:35px;"></div>
2 -<div style=" position:fixed; color: white; height:35px; background-color:#757575; bottom:0px; text-align:center; width:99%">
3 - <p style="margin:10px; "><a style="color: white; " target="_blank" href="http://www.giraffeacademy.com/">Giraffe Academy</a> - Hugo Theme</p>
4 -</div>
1 -<div style="text-align: center; height: 75px; padding:1px; text-transform:capitalize; background-color:#42a5f5; color:white">
2 - <h1 style="margin-bottom:-10px; "><a style="text-decoration: none; color:white;"href="/">{{.Template}} Template - {{.Kind}}</a></h1>
3 -</div>
...\ No newline at end of file ...\ No newline at end of file
1 -# theme.toml template for a Hugo theme
2 -# See https://github.com/gohugoio/hugoThemes#themetoml for an example
3 -
4 -name = "GiraffeAcademy Theme"
5 -license = "MIT"
6 -description = "A theme used in the Giraffe Academy Hugo course"
7 -tags = []
8 -features = []
9 -min_version = "0.25.1"
10 -
11 -[author]
12 - name = "Mike Dane"
13 - homepage = "http://www.giraffeacademy.com"