nextcloud.html 10.1 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
<!DOCTYPE html>
<html>
<head>
<meta name="generator" content="Hugo 0.44" />
        <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Collective68</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="content-language" content="en-us" />


<meta name="og:site_name" content="Collective68">
<meta name="og:title" content="Collective68">
<meta name="og:url" content="https://collective68.tech">
<meta name="og:image" content="https://collective68.gitlab.io/Collective68/images/">
<meta name="twitter:title" content="Collective68" />
<meta name="twitter:url" content="https://collective68.gitlab.io/Collective68/" />
<meta name="twitter:image" content="https://collective68.gitlab.io/Collective68/images/" />
<meta name="twitter:card" content="" />



<link rel="canonical" href="https://collective68.gitlab.io/Collective68/"/>
root's avatar
root committed
25
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

<link rel="shortcut icon" href="images/Collective68_logo_small.png" type="image/png" sizes="60x60">

<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet' type='text/css'>


<link rel="stylesheet" href="css/animate.css">

<link rel="stylesheet" href="css/icomoon.css">

<link rel="stylesheet" href="css/simple-line-icons.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="css/magnific-popup.css">

<link rel="stylesheet" href="css/bootstrap.css">


<link rel="stylesheet" href="css/style.css">


<script src="js/modernizr-2.6.2.min.js"></script>

root's avatar
root committed
48
<style type="text/css">
49 50 51 52 53 54
        .container{
        margin-top:60px;
    }
    #fh5co-home .text-inner {
        vertical-align: unset;
    }
root's avatar
root committed
55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
.row2 {
    display: flex;
}

.column {
    flex: 50%;
}
.second-head{
width:30%;
}
.diamond {
  height: 20px;
  width: 20px;
  background-color: #f15a24;
  transform: rotate(45deg);
  float:right;
}
72

root's avatar
root committed
73 74
a {
  text-decoration: none;
75 76 77 78
  border-bottom: transparent;
}
.col2{
  color:black;
79 80
  padding-left:36%;
  width: 64%;
81 82 83 84
  position: relative;
  min-height: 1px;
  float: left;
  text-align: center;
root's avatar
root committed
85
}
86
.verticalline{
87
  border-width:70px;
88
  border-color:black;
root's avatar
root committed
89

90 91 92 93
}
.d2{
  margin-left:280px;
}
root's avatar
root committed
94 95 96 97 98 99 100
@media screen and (max-width: 768px) {
.row2{
  display: inline;
}
.second-head{
  width: 80%;
}
101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116
.col-md-8{
  padding-left:40%;
  color:black;
}
.verticalLine {
  border-left: thick solid #333333;
}
.d2{
  margin-left: 0px;
}
.d1{
  display: none;
}
body{
  font-size: 16px;
}
root's avatar
root committed
117
}
118
@media screen and (max-width: 767px){
root's avatar
root committed
119 120 121 122 123 124
#fh5co-home, #fh5co-home .text-wrap {
  height: 950px;
}
#fh5co-home .text-inner h2{
  font-size: 24px;
  line-height: 36px;
125 126 127 128 129 130
    }
    .col2{
  padding-left: 10%;
    width: 90%;
  margin-top: 10px;
  text-align: center;
root's avatar
root committed
131
}
132 133
    }
 @media screen and (max-width: 768px){
root's avatar
root committed
134 135 136
p{
  font-size: 16px;
}
137

138
}
139 140 141
    @media screen and (max-width: 900px && min-width: 500px){
      #fh5co-home, #fh5co-home .text-wrap {
  height: 900px;
root's avatar
root committed
142
}
143 144 145
#fh5co-home .text-inner h2{
  font-size: 26px;
  line-height: 34px;
Sidorela Uku's avatar
Sidorela Uku committed
146
}
147
    }
root's avatar
root committed
148
</style>
Gjon Gjergji's avatar
Gjon Gjergji committed
149 150 151 152 153 154 155
<!-- Matomo -->
<script type="text/javascript">
  var _paq = _paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
Gjon Gjergji's avatar
Gjon Gjergji committed
156
    var u="https://analytics.collective68.tech/";
Gjon Gjergji's avatar
Gjon Gjergji committed
157 158 159 160 161 162 163 164
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', '1']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->

Gjon Gjergji's avatar
Gjon Gjergji committed
165

166 167
</head>
<body>
root's avatar
root committed
168
<!--        <header role="banner" id="fh5co-header">
169 170 171 172 173 174
    <div class="container">

        <nav class="navbar navbar-default">
            <div class="navbar-header">

                <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
root's avatar
root committed
175
                <a class="navbar-brand" href="index.html">
176 177 178 179
                <span id="logo2"><img src="images/Collective68_Logo_Black.svg" height="40px"> </span></a>
            </div>

    </nav>
root's avatar
root committed
180
<hr width="50" align="left" style="border-width:4px;">
181
</div>
root's avatar
root committed
182
</header>-->
root's avatar
root committed
183 184

<section id="fh5co-home" data-section="home" data-stellar-background-ratio="0.5">
185 186 187 188
<div class="gradient"></div>
<div class="container">
<div class="text-wrap">
  <div class="text-inner">
root's avatar
root committed
189

root's avatar
root committed
190
    <div class="row">
root's avatar
root committed
191
      <div class="col-md-12 text-left">
Sidorela Uku's avatar
Sidorela Uku committed
192
        <span><a href="https://collective68.tech"><img src="images/Collective68_Logo_White.svg" height="40"></a> </span>
root's avatar
root committed
193 194
          <br>
          <br>
root's avatar
root committed
195
        <h2 class="to-animate" style="font-weight:400;">Nextcloud Consultancy <br>& Hosting</h2>
root's avatar
root committed
196
        <br>
root's avatar
root committed
197
        <p>Are you looking for a great file-sharing solution? Do you need a new collaborative platform but having your data private and secure is something of high importance to you?
Sidorela Uku's avatar
Sidorela Uku committed
198
        We have an answer to that and we fully recommend <a href="https://nextcloud.com/" style="font-weight:bold;">Nextcloud</a>.</p>
Sidorela Uku's avatar
Sidorela Uku committed
199
        <p>Nextcloud is a private self-hosted cloud solution. As a free open source software platform, it gives you more freedom than any proprietary software out there. As longtime Nextcloud contributors, the Collective68 team offers you high-quality cloud services for your files, calendar and a variety of apps.</p>
200
        <p>If you need a professional set up without worrying about the technical implementation, reach out to us to discuss your needs. With C68 you can receive a dedicated Nextcloud account where you just have to log in, maintained by our team. If you want to host your data at your own servers we offer consultancy services to help you create your cloud storage space.</p>
root's avatar
root committed
201

202 203 204 205 206
      </div>
    </div>
  </div>
</div>
</div>
207 208
<div class="slant2">
    </div>
209 210 211 212
</section>

<section id="fh5co-about" data-section="about">
<div class="container">
213
  <hr width="50" align="left" style="border-width:4px; border-color:#f15a24; padding-bottom:30px;">
214
<div class="row">
root's avatar
root committed
215 216 217
<div class="col-md-12 text-left" style="color:black;" >
  <h2 class="to-animate second-head">Why choose C68 for your cloud services? </h2>
  <ul>
218 219 220 221
  <li>we are based in Albania <br><span style="color:gray;">ideal if you and your company are based in South East Europe region</span></li>
  <br>
  <li>servers in Germany <br><span style="color:gray;">more privacy for you data</span></li>
</ul>
222

223 224 225
<p><span class="diamond d1"></span></p>
<br>
<br>
root's avatar
root committed
226 227 228
<div class="row2">
<div class="column">
  <p class="diamond"></p>
229
<p style="font-weight:bold;">Time to have your own Nextcloud instance?<p>
230
<p>
Sidorela Uku's avatar
Sidorela Uku committed
231
Just reach out to us with your contact information to discuss specific requirements. We'll have our team at your disposal to suggest and build the best set up for your company or organization.
232
</p>
233
<p class="diamond d2" style="float:left;"></p>
root's avatar
root committed
234 235 236 237 238 239
</div>
<div class="column">
  <img src="images/Nextcloud_screens.png" width="90%" style="padding-left:20px;">
</div>
</div>
<p class="diamond" style="margin-right:180px;"></p>
240 241


242
</div>
243 244 245 246 247 248 249 250 251

<div class="col2">
  <hr width="1" size="1" class="verticalline">
  <h3>
  Interested?</h3>
  <br><p>
   Feel free to contact us at <a style="color:#f15a24" href="mailto:email@collective68.tech">email@collective68.tech</a> and we will get back to you. </p>
</div>

252 253 254
</div>
</div>
</section>
root's avatar
root committed
255
<!--
256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297
<section id="fh5co-contact" data-section="contact" >
<div class="container">
<div class="row">
  <div class="col-md-12 section-heading text-center">
    <h2 class="to-animate">Get in touch</h2>
<div class="row">
  <div class="col-md-6 to-animate" style="padding-left:20%; width:80%;">
    <form method="post" action="//formspree.io/">
    <div class="form-group ">

      <label for="name" class="sr-only">Name</label>
      <input id="name" class="form-control" name="name" placeholder="Name" type="text">

    </div>
    <div class="form-group ">

      <label for="email" class="sr-only">Email</label>
      <input id="email" class="form-control" name="_replyto" placeholder="Email" type="email">

    </div>
    <div class="form-group ">

      <label for="phone" class="sr-only">Phone</label>
      <input id="phone" class="form-control" name="phone" placeholder="Phone" type="text">

    </div>
    <div class="form-group ">

      <label for="message" class="sr-only">Message</label>
      <textarea id="message" cols="30" rows="5" class="form-control" name="message" placeholder="Message"></textarea>

    </div>
    <div class="form-group ">
      <input class="btn btn-primary btn-lg" value="Send message" type="submit">
    </div>
    </form>
  </div>
</div>
</div>
</div>
</div>
</div>
root's avatar
root committed
298
</section>-->
299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353

<footer id="footer" role="contentinfo">
<a href="#" class="gotop js-gotop"><i class="icon-arrow-up2"></i></a>
<div class="container">
<div class="">
<div class="col-md-12 text-center">
<p>Made with love for open source culture.</p>
<!-- PUT FOOTER CONENT HERE:
credits, license, privacy policy -->
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<ul class="social social-circle">

<li><a href="https://twitter.com/Collective68"><i class="fab fa-twitter"></i></a></li>

<li><a href="https://gitlab.com/Collective68"><i class="fab fa-gitlab"></i></a></li>
<li><a href="https://demo.identihub.co/collective68#/"><img src="images/Identihub_ICON.svg" style="width: 18px; padding-top: 11px;"></a></li>
<!--
<li><a href="#"><i class="icon-ghosts"></i></a></li>
-->
</ul>
</div>
</div>
</div>
</footer>




<script src="js/jquery.min.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.waypoints.min.js"></script>

<script src="js/jquery.stellar.min.js"></script>

<script src="js/jquery.countTo.js"></script>

<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>


<!--	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCefOgb1ZWqYtj7raVSmN4PL2WkTrc-KyA&sensor=false"></script>
<script src="js/google_map.js"></script>-->


<script src="js/main.js"></script>

</body>
</html>