Browse Source

Implemented first stage of visual overhaul

project-revamp
Ethan N. Paul 3 years ago
parent
commit
9db295238f
  1. 0
      _archive/5/css/bootstrap.css
  2. 4
      _archive/5/css/font-awesome.min.css
  3. 0
      _archive/5/css/hexagons.min.css
  4. 428
      _archive/5/css/style.css
  5. BIN
      _archive/5/fonts/FontAwesome.otf
  6. BIN
      _archive/5/fonts/fontawesome-webfont.eot
  7. 2671
      _archive/5/fonts/fontawesome-webfont.svg
  8. BIN
      _archive/5/fonts/fontawesome-webfont.ttf
  9. BIN
      _archive/5/fonts/fontawesome-webfont.woff
  10. BIN
      _archive/5/fonts/fontawesome-webfont.woff2
  11. 0
      _archive/5/home/index.html
  12. 0
      _archive/5/home/rss.css
  13. 0
      _archive/5/home/rss.js
  14. 0
      _archive/5/img/Map-Topology.png
  15. 0
      _archive/5/img/background.jpg
  16. 0
      _archive/5/img/e-b.png
  17. 0
      _archive/5/img/e-w.png
  18. 0
      _archive/5/img/gear.png
  19. 0
      _archive/5/img/logo.png
  20. 0
      _archive/5/img/net.png
  21. 0
      _archive/5/img/project.png
  22. 0
      _archive/5/index-error.html
  23. 200
      _archive/5/index.html
  24. 7
      _archive/5/js/bootstrap.min.js
  25. 0
      _archive/5/js/common.js
  26. 0
      _archive/5/js/hexagons.min.js
  27. 44
      _archive/5/js/jquery.easing.min.js
  28. 0
      _archive/5/js/jquery.js
  29. 0
      _archive/5/network/index.html
  30. 0
      _archive/5/projects/index.html
  31. 0
      _archive/5/services/index.html
  32. 0
      _archive/5/services/vpn/index.html
  33. 3340
      css/animate.css
  34. 6
      css/bootstrap.min.css
  35. 644
      css/style.css
  36. BIN
      img/about-banner.jpg
  37. BIN
      img/bg-banner03.jpg
  38. BIN
      img/port01.jpg
  39. BIN
      img/port02.jpg
  40. BIN
      img/port03.jpg
  41. BIN
      img/portfolio01.jpg
  42. BIN
      img/portfolio02.jpg
  43. 383
      index.html
  44. 10
      js/bootstrap.min.js
  45. 51
      js/custom.js
  46. 6
      js/jquery.easing.min.js
  47. 5
      js/jquery.min.js
  48. 402
      js/wow.js

0
css/bootstrap.css → _archive/5/css/bootstrap.css

4
_archive/5/css/font-awesome.min.css
File diff suppressed because it is too large
View File

0
css/hexagons.min.css → _archive/5/css/hexagons.min.css

428
_archive/5/css/style.css

@ -0,0 +1,428 @@
/*!
* Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
body {
width: 100%;
height: 100%;
font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
background-color: #000;
}
html {
width: 100%;
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 35px;
text-transform: uppercase;
font-family: Montserrat,"Verdana",Verdana,Arial,sans-serif;
font-weight: 700;
letter-spacing: 1px;
}
p {
margin: 0 0 25px;
font-size: 18px;
line-height: 1.5;
}
.data {
padding-bottom: 75px;
}
@media(min-width:768px) {
p {
margin: 0 0 35px;
font-size: 20px;
line-height: 1.6;
}
}
a {
color: #2C9FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#HeaderBlock {
background-color: rgba(0, 0, 0, 0.5);
}
a:hover,
a:focus {
text-decoration: none;
color: #8D9BB6;
}
.light {
font-weight: 400;
}
.documentation {
padding-top: 10px;
padding-bottom: 10px;
}
.documentation b {
color: #2C9FFF;
}
.navbar-custom {
margin-bottom: 0;
border-bottom: 1px solid rgba(255,255,255,.3);
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
background-color: #000;
}
.navbar-custom .navbar-brand {
font-weight: 700;
}
.navbar-custom .navbar-brand:focus {
outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
padding: 4px 6px;
font-size: 16px;
color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
outline: 0;
}
.navbar-custom a {
color: #fff;
}
.navbar-custom .nav li a {
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover {
outline: 0;
color: rgba(255,255,255,.8);
background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
outline: 0;
background-color: transparent;
}
.navbar-custom .nav li.active {
outline: 0;
}
.navbar-custom .nav li.active a {
background-color: rgba(255,255,255,.3);
}
.navbar-custom .nav li.active a:hover {
color: #fff;
}
@media(min-width:768px) {
.navbar-custom {
padding: 20px 0;
border-bottom: 0;
letter-spacing: 1px;
background: 0 0;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.navbar-custom.top-nav-collapse {
padding: 0;
border-bottom: 1px solid rgba(255,255,255,.3);
background: #000;
}
}
.intro {
display: table;
width: 100%;
height: auto;
padding: 100px 0;
text-align: center;
color: #fff;
background: url(../img/background.jpg) no-repeat bottom center scroll;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.intro-minecraft{
background: url(../img/background-minecraft.jpg) no-repeat bottom center scroll;
display: table-cell;
vertical-align: middle;
}
.intro .intro-body .title-heading {
font-size: 30px;
}
.intro .intro-body {
display: table-cell;
vertical-align: middle;
}
.intro .intro-body .brand-heading {
font-size: 40px;
}
.intro .intro-body .intro-text {
font-size: 18px;
}
@media(min-width:768px) {
.intro {
height: 100%;
padding: 0;
}
.intro .intro-body .brand-heading {
font-size: 100px;
}
.intro .intro-body .intro-text {
font-size: 26px;
}
}
.btn-circle {
width: 70px;
height: 70px;
margin-top: 15px;
padding: 7px 16px;
border: 2px solid #fff;
border-radius: 100%!important;
font-size: 40px;
color: #fff;
background: 0 0;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
outline: 0;
color: #fff;
background: rgba(255,255,255,.1);
}
.btn-circle i.animated {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
0 {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse {
0 {
-moz-transform: scale(1);
transform: scale(1);
}
50% {
-moz-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
}
}
.content-section {
padding-top: 5px;
text-align: center;
}
.download-section {
width: 100%;
padding: 50px 0;
color: #fff;
background: url(../img/network-banner.png) no-repeat center center scroll;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
#map {
width: 100%;
height: 200px;
margin-top: 100px;
}
@media(min-width:767px) {
.content-section {
padding-top: 100px;
padding-bottom: 100px;
}
.download-section {
padding: 100px 0;
}
#map {
height: 400px;
margin-top: 250px;
}
}
.btn {
border-radius: 0;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-default {
border: 1px solid #2C9FFF;
color: #2C9FFF;
background-color: transparent;
}
.btn-default:hover,
.btn-default:focus {
border: 1px solid #fff;
outline: 0;
color: #000;
background-color: #fff;
}
ul.banner-social-buttons {
margin-top: 0;
}
.section-divider {
display: none;
}
@media screen and (max-width:767px) {
#logo_about {
display: none;
}
.section-divider {
display: block;
}
.heading_large {
display: none;
}
}
@media screen and (min-width:768px) {
.heading_small {
display: none;
}
#heading_large {
width: 512px;
}
}
@media(max-width:1199px) {
ul.banner-social-buttons {
margin-top: 15px;
}
}
@media(max-width:767px) {
ul.banner-social-buttons li {
display: block;
margin-bottom: 20px;
padding: 0;
}
ul.banner-social-buttons li:last-child {
margin-bottom: 0;
}
}
footer {
padding: 50px 0;
}
footer p {
margin: 0;
}
::-moz-selection {
text-shadow: none;
background: #879FBB;
background: rgba(255,255,255,.2);
}
::selection {
text-shadow: none;
background: #879FBB;
background: rgba(255,255,255,.2);
}
img::selection {
background: 0 0;
}
img::-moz-selection {
background: 0 0;
}
body {
webkit-tap-highlight-color: rgba(255,255,255,.2);
}

BIN
_archive/5/fonts/FontAwesome.otf

BIN
_archive/5/fonts/fontawesome-webfont.eot

2671
_archive/5/fonts/fontawesome-webfont.svg
File diff suppressed because it is too large
View File

BIN
_archive/5/fonts/fontawesome-webfont.ttf

BIN
_archive/5/fonts/fontawesome-webfont.woff

BIN
_archive/5/fonts/fontawesome-webfont.woff2

0
home/index.html → _archive/5/home/index.html

0
home/rss.css → _archive/5/home/rss.css

0
home/rss.js → _archive/5/home/rss.js

0
img/Map-Topology.png → _archive/5/img/Map-Topology.png

Before

Width: 1239  |  Height: 1112  |  Size: 136 KiB

After

Width: 1239  |  Height: 1112  |  Size: 136 KiB

0
img/background.jpg → _archive/5/img/background.jpg

Before

Width: 2560  |  Height: 1080  |  Size: 138 KiB

After

Width: 2560  |  Height: 1080  |  Size: 138 KiB

0
img/e-b.png → _archive/5/img/e-b.png

Before

Width: 128  |  Height: 128  |  Size: 2.2 KiB

After

Width: 128  |  Height: 128  |  Size: 2.2 KiB

0
img/e-w.png → _archive/5/img/e-w.png

Before

Width: 256  |  Height: 256  |  Size: 4.2 KiB

After

Width: 256  |  Height: 256  |  Size: 4.2 KiB

0
img/gear.png → _archive/5/img/gear.png

Before

Width: 256  |  Height: 256  |  Size: 5.6 KiB

After

Width: 256  |  Height: 256  |  Size: 5.6 KiB

0
img/logo.png → _archive/5/img/logo.png

Before

Width: 750  |  Height: 250  |  Size: 12 KiB

After

Width: 750  |  Height: 250  |  Size: 12 KiB

0
img/net.png → _archive/5/img/net.png

Before

Width: 256  |  Height: 256  |  Size: 12 KiB

After

Width: 256  |  Height: 256  |  Size: 12 KiB

0
img/project.png → _archive/5/img/project.png

Before

Width: 256  |  Height: 256  |  Size: 3.4 KiB

After

Width: 256  |  Height: 256  |  Size: 3.4 KiB

0
index-error.html → _archive/5/index-error.html

200
_archive/5/index.html

@ -0,0 +1,200 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="author" content="enpaul@enpaul.net"/>
<meta name="description" content="ENPaul personal landing page and Network Services website"/>
<meta name="keywords" content="enpaul, network, operations, networking, plex, media, server, adds, active, directory, wpi, worcester, polytechnic, institute, boston, mechanical, engineering, solidworks, home, lab, homelab, solid, works, autocad, cad, domain, windows, server"/>
<meta name="robots" content="index,follow"/>
<meta property="og:title" content="ENPaul"/>
<meta property='og:locale' content="en_US"/>
<meta property='og:description' content="ENPaul personal landing page and Network Services website"/>
<meta property="og:type" content="Website"/>
<meta property='og:site_name' content="ENPaul Network"/>
<meta property="og:url" content="https://enpaul.net/"/>
<title>ENPaul</title>
<link rel="shortcut icon" href="img\e-b.png">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/hexagons.min.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet">
<script src="js/jquery.js"></script>
<script src="js/hexagons.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/common.js"></script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<span class="light">MENU</span><!--<i class="fa fa-bars"></i>-->
</button>
<a class="navbar-brand page-scroll" href="#page-top"><span class="light"><img src="img/e-w.png" width="32">&nbsp;&nbsp; Home</span></a>
</div>
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li class="hidden"><a href="#page-top"></a></li>
<!--<li><a class="page-scroll" href="#projects">Projects</a></li>-->
<li><a class="page-scroll" href="#services">Services</a></li>
<!--<li><a class="page-scroll" href="#network">Network</a></li>-->
<li><a class="page-scroll" href="#about">About</a></li>
</ul>
</div>
</div>
</nav>
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="brand-heading">
<img class="heading_large" style="max-width: 512px;" src="img/logo.png"/>
<img class="heading_small" style="max-width: 128px;" src="img/e-w.png"/>
</h1>
<hr>
<p>Student - Tinkerer - Programmer - <i style="color: #808080;">(aspiring)</i> Engineer</p>
<hr>
<ul class="list-inline">
<li>
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
</li>
<li>
<a href="https://download.enpaul.net/enpaul-resume.pdf" target="_blank"><span class="hb hb-sm"><i class="fa fa-file-text-o"></i></span></a>
</li>
<li>
<a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
</li>
<li>
<a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!--<hr class="section-divider">
<section id="projects" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Personal Projects</h2>
<i class="fa fa-folder-open fa-5x" aria-hidden="true"></i>
<br><br>
<p>
The underlying infrastructure of the ENPaul Network (ENPN) helps to facilitate a number of pet-projects that are constantly cycled from under development, to abandoned, to broken, and back to under development. These projects are, at best, curiosities and should be seen as such.
<br>
Enter at your own risk.
<br>
</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="/network" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>Learn More</b></span></a>
</li>
</ul>
</div>
</div>
</section>-->
<hr class="section-divider">
<section id="services" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Network Services</h2>
<i class="fa fa-cogs fa-5x" aria-hidden="true"></i>
<br><br>
<p>
Providing useful network services is the primary goal of the ENPaul Network (ENPN). These services provide means of entertainment, data management, and security for the network users.
<br><br>
The full list of services provided by the ENPN can be found at the link below. Alternatively, use one of the other links to directly access specific service web-interfaces.
<br>
</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="/services" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>Learn More</b></span></a>
</li>
<br><br><p><i>Direct service links</i></p>
<li>
<a href="https://plex.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-ticket"></i> <span class="network-name"><b>Plex Media Server</b></span></a>
</li>
<li>
<a href="https://enpaul.net/services/vpn" class="btn btn-default btn-lg"><i class="fa fa-lock"></i> <span class="network-name"><b>VPN</b></span></a>
</li>
<li>
<a href="https://storage.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-cloud"></i> <span class="network-name"><b>Storage</b></span></a>
</li>
<li>
<a href="https://gitlab.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-gitlab"></i> <span class="network-name"><b>GitLab</b></span></a>
</li>
</ul>
</div>
</div>
</section>
<!--<hr class="section-divider">
<section id="network" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>The ENPaul Network</h2>
<i class="fa fa-sitemap fa-5x" aria-hidden="true"></i>
<br><br>
<p>
The ENPaul Network (ENPN) is a <a href="https://www.reddit.com/r/homelab/">home-lab environment</a> maintained by ENPaul for the purposes of fun, curiosity, experimentation, and support for his <a href="#projects">personal projects</a>.
<br><br>
The ENPN hosts two VMWare ESXi hypervisors, a Microsoft Active Directory Domain, federated authentication services including LDAP and RADIUS, NAS systems, and a plethora of applications and utilities.
</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="/network" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>Learn More</b></span></a>
</li>
</ul>
</div>
</div>
</section>-->
<hr class="section-divider">
<section id="about" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>About E.N.Paul</h2>
<img id="logo_about" src="img\e-w.png" width="128">
<br><br>
<p>
EN Paul is a Mechanical Engineering student at <a target="_blank" href="https://wpi.edu">Worcester Polytechnic Institute</a> in Worcester Massachusets with way too much time on his hands. He works at <a target="_blank" href="http://www.wpi.edu/+netops">WPI Network Operations</a>, plays around with <a target="_blank" href="http://www.solidworks.com">3DS SolidWorks</a>, and runs this website when he's bored.
<br><br>
He doesn't want donations, but asks that if you have a joke or funny story to share that you send it to him.
<br>
</p>
</div>
</div>
</section>
<footer>
<div class="container text-center">
<p style="color: #606060;"><i>&copy;2017 E.N.Paul - 2017-11-29</i></p>
</div>
</footer>
</body>
</html>

7
_archive/5/js/bootstrap.min.js
File diff suppressed because it is too large
View File

0
js/common.js → _archive/5/js/common.js

0
js/hexagons.min.js → _archive/5/js/hexagons.min.js

44
_archive/5/js/jquery.easing.min.js

@ -0,0 +1,44 @@
/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
*
* TERMS OF USE - EASING EQUATIONS
*
* Open source under the BSD License.
*
* Copyright é 2001 Robert Penner
* All rights reserved.
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
* Copyright é 2008 George McGinley Smith
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});

0
js/jquery.js → _archive/5/js/jquery.js

0
network/index.html → _archive/5/network/index.html

0
projects/index.html → _archive/5/projects/index.html

0
services/index.html → _archive/5/services/index.html

0
services/vpn/index.html → _archive/5/services/vpn/index.html

3340
css/animate.css
File diff suppressed because it is too large
View File

6
css/bootstrap.min.css
File diff suppressed because it is too large
View File

644
css/style.css

@ -1,428 +1,360 @@
/*!
* Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
/*
Theme Name: Laura
Theme URL: https://bootstrapmade.com/laura-free-creative-bootstrap-theme/
Author: BootstrapMade.com
Author URL: https://bootstrapmade.com
*/
body {
width: 100%;
height: 100%;
font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
background-color: #000;
}
html {
width: 100%;
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 35px;
text-transform: uppercase;
font-family: Montserrat,"Verdana",Verdana,Arial,sans-serif;
font-weight: 700;
letter-spacing: 1px;
}
p {
margin: 0 0 25px;
line-height: 1.4;
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.5px;
font-size: 15px;
font-weight: 400;
}
.data {
padding-bottom: 75px;
ol, ul {
list-style: none;
}
@media(min-width:768px) {
p {
margin: 0 0 35px;
font-size: 20px;
line-height: 1.6;
}
blockquote, q {
quotes: none;
}
a {
color: #2C9FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
#HeaderBlock {
background-color: rgba(0, 0, 0, 0.5);
}
a:hover,
a:focus {
text-decoration: none;
color: #8D9BB6;
}
.light {
font-weight: 400;
}
.documentation {
padding-top: 10px;
padding-bottom: 10px;
}
.documentation b {
color: #2C9FFF;
table {
border-collapse: collapse;
border-spacing: 0;
}
.navbar-custom {
margin-bottom: 0;
border-bottom: 1px solid rgba(255,255,255,.3);
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
background-color: #000;
a {
outline: none;
}
.navbar-custom .navbar-brand {
font-weight: 700;
a:hover, a:focus, a:active{
text-decoration: none;
outline: none;
}
.navbar-custom .navbar-brand:focus {
outline: 0;
/***********************************
************************************
Responsive media queries
************************************
***********************************/
.header {
background: url('../img/bg-banner03.jpg') no-repeat fixed;
background-size: cover;
min-height: 630px;
position: relative;
}
.navbar-custom .navbar-brand .navbar-toggle {
padding: 4px 6px;
font-size: 16px;
color: #fff;
.navbar-default {
background-color: transparent;
border: 0px;
padding: 20px 0;
transition: all 0.3s;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
outline: 0;
.navbar-brand {
font-size: 36px;
font-family: 'Satisfy', cursive;
}
.navbar-custom a {
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #fff;
outline: none;
}
.navbar-custom .nav li a {
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
.navbar-default .navbar-nav > li > a{
font-size: 14px;
font-weight: 400;
color: #fff;
outline: none;
}
.navbar-custom .nav li a:hover {
outline: 0;
color: rgba(255,255,255,.8);
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #fffde0;
background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
outline: 0;
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #fffde0;
background-color: transparent;
}
.navbar-custom .nav li.active {
outline: 0;
.top-nav-collapse {
padding: 0;
background: rgba(50,60,70, 0.9);
}
.navbar-custom .nav li.active a {
background-color: rgba(255,255,255,.3);
.bg-color{
background-color: RGBA(0, 0, 0, 0.67);
min-height: 650px;
}
.navbar-custom .nav li.active a:hover {
color: #fff;
.navbar-border{
}
@media(min-width:768px) {
.navbar-custom {
padding: 20px 0;
border-bottom: 0;
letter-spacing: 1px;
background: 0 0;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.navbar-custom.top-nav-collapse {
padding: 0;
border-bottom: 1px solid rgba(255,255,255,.3);
background: #000;
}
.banner-text{
border-left: 5px solid #BE2525;
padding: 15px 40px;
color: #fff;
margin-top: 170px;
}
.intro {
display: table;
width: 100%;
height: auto;
padding: 100px 0;
.banner-text h2, .banner-text p{
font-size: 40px;
font-weight: 400;
font-family: 'Questrial', sans-serif;
}
.banner-text h2 span{
font-family: 'Satisfy', cursive;
}
.overlay-detail{
margin: 0 auto;
}
.overlay-detail a i {
text-align: center;
position: absolute;
bottom: -140px;
font-size: 24px;
color: #fff;
background: url(../img/background.jpg) no-repeat bottom center scroll;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
width: 40px;
height: 40px;
border: 1px solid #fff;
line-height: 40px;
border-radius: 50%;
}
.deco{
font-family: 'Satisfy', cursive;
.intro-minecraft{
background: url(../img/background-minecraft.jpg) no-repeat bottom center scroll;
display: table-cell;
vertical-align: middle;
}
.intro .intro-body .title-heading {
font-size: 30px;
#about{
background: url('../img/about-banner.jpg') no-repeat;
background-size: cover;
margin-bottom: -3px;
}
.intro .intro-body {
display: table-cell;
vertical-align: middle;
.section-padding{
padding: 60px 0px;
}
.intro .intro-body .brand-heading {
font-size: 40px;
.title{
font-size: 24px;
margin-bottom: 50px;
}
.intro .intro-body .intro-text {
font-size: 18px;
.title-text{
padding: 0px 25px 0px 0px;
border-right: 5px solid #BE2525;
font-size: 24px;
}
@media(min-width:768px) {
.intro {
height: 100%;
padding: 0;
}
.intro .intro-body .brand-heading {
font-size: 100px;
}
.intro .intro-body .intro-text {
font-size: 26px;
}
.about-text p{
color: #444;
}
.btn-circle {
width: 70px;
height: 70px;
margin-top: 15px;
padding: 7px 16px;
border: 2px solid #fff;
border-radius: 100%!important;
font-size: 40px;
color: #fff;
background: 0 0;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
.abt-list li{
padding: 5px 0px;
font-size: 18px;
font-weight: 400;
}
.btn-circle:hover,
.btn-circle:focus {
outline: 0;
color: #fff;
background: rgba(255,255,255,.1);
#portfolio{
background-color: #f0f1e9;
}
.btn-circle i.animated {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
.grid-padding{
padding: 0 8px;
}
.btn-circle:hover i.animated {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
.grid-padding img{
margin-bottom: 15px;
}
@-webkit-keyframes pulse {
0 {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
.padding-right-zero{
padding-right: 0px !important;
}
@-moz-keyframes pulse {
0 {
-moz-transform: scale(1);
transform: scale(1);
}
50% {
-moz-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
}
#myGrid{
margin-top: 50px;
}
.content-section {
padding-top: 5px;
text-align: center;
.test-sec blockquote {
background: #eee;
display: block;
font-size: 14px;
line-height: 20px;
padding: 15px;
position: relative;
}
.test-sec blockquote::after {
content: '';
position: absolute;
bottom: -14px;
margin-left: 10px;
border-top: 14px solid #eee;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid RGBA(0, 0, 0, 0.18);
}
.test-sec .carousel-info span {
display: block;
}
.download-section {
width: 100%;
padding: 50px 0;
color: #fff;
background: url(../img/network-banner.png) no-repeat center center scroll;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
.test-sec span.testimonials-name {
color: #62646f;
font-weight: 600;
margin: 16px 0 5px;
}
#map {
#contact {
width: 100%;
height: 200px;
margin-top: 100px;
background-color: RGBA(8, 7, 7, 0.92);
}
@media(min-width:767px) {
.content-section {
padding-top: 100px;
padding-bottom: 100px;
}
.download-section {
padding: 100px 0;
}
#map {
height: 400px;
margin-top: 250px;
}
#contact .btn-primary {
background: #BE2525;
border: 1px solid #BE2525;
}
.btn {
border-radius: 0;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
.validation {
color: red;
display:none;
margin: 0 0 20px;
font-weight:400;
font-size:13px;
}
.btn-default {
border: 1px solid #2C9FFF;
color: #2C9FFF;
background-color: transparent;
#sendmessage {
color: green;
border:1px solid green;
background: #fff;
display:none;
text-align:center;
padding:15px;
font-weight:600;
margin-bottom:15px;
}
.btn-default:hover,
.btn-default:focus {
border: 1px solid #fff;
outline: 0;
color: #000;
background-color: #fff;
#errormessage {
color: red;
display:none;
border:1px solid red;
text-align:center;
padding:15px;
font-weight:600;
margin-bottom:15px;
background: #fff;
}
ul.banner-social-buttons {
margin-top: 0;
#sendmessage.show, #errormessage.show, .show {
display:block;
}
.section-divider {
display: none;
footer {
padding: 40px 0;
background: #F2F3EB;
}
@media screen and (max-width:767px) {
#logo_about {
display: none;
}
.section-divider {
display: block;
}
.heading_large {
display: none;
}
.footer a {
color: #BE2525;
}
@media screen and (min-width:768px) {
.heading_small {
display: none;
}
#heading_large {
width: 512px;
}
.footer__navigation li, .social-list li{
display: inline-block;
}
@media(max-width:1199px) {
ul.banner-social-buttons {
margin-top: 15px;
}
.contact-sec h2 {
font-size: 28px;
color: #fff;
font-weight: 600;
padding: 15px 0px;
}
.footer__navigation li a
{
display: inline-block;
color: #767676;
font-weight: 600;
font-variant-ligatures: common-ligatures;
font-size: 1.2em;
line-height: 1.625em;
margin-top: 0;
margin-bottom: 1.625em;
padding-right: 10px;
}
.contact-sec p {
color: #fff;
font-size: 18px;
padding: 16px 0px 24px;
}
@media(max-width:767px) {
ul.banner-social-buttons li {
display: block;
margin-bottom: 20px;
padding: 0;
}
ul.banner-social-buttons li:last-child {
margin-bottom: 0;
}
.contact-sec i{
padding-right: 15px;
}
footer {
padding: 50px 0;
.contact-sec a {
color: #FFF;
background-color: RGBA(174, 142, 142, 0.7);
display: inline-block;
padding: 16px 34px;
font-size: 18px;
transition: all 0.5s ease-in 0s;
}
footer p {
margin: 0;
.carousel-info, blockquote {
float: left;
}
::-moz-selection {
text-shadow: none;
background: #879FBB;
background: rgba(255,255,255,.2);
.social-list li{
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
opacity: .5;
display: inline-block;
margin: 0;
}
::selection {
text-shadow: none;
background: #879FBB;
background: rgba(255,255,255,.2);
.social-list li a{
font-size: 28px;
margin-right: 15px;
}
img::selection {
background: 0 0;
.type-underline, .type-underline:hover{
color: #767676;
}
img::-moz-selection {
background: 0 0;
.footer__lower {
margin-top: 3.25em;
}
body {
webkit-tap-highlight-color: rgba(255,255,255,.2);
.type--fine-print{
color: #767676;
}
.navbar-toggle {
position: relative;
background-color: #fff;
border-radius: 4px;
}
.navbar-nav > li > a {
padding-top: 24px;
padding-bottom: 24px;
}
.navbar-brand{
margin-top: 9px;
}
.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }
/***********************************
************************************
Responsive media queries
************************************
***********************************/
@media (min-width: 551px) and (max-width: 980px){
.title-text{
margin-bottom: 15px;
}
}
@media (min-width: 100px) and (max-width: 550px) {
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-brand{
margin-top: 0px;
}
.carousel-info {
margin-bottom: 30px;
}
.type--fine-print{
text-align: center;
}
.text-center-xs{
text-align: center !important;
}
.social-list{
margin-bottom: 15px;
}
.banner-text h2, .banner-text p {
font-size: 30px;
}
.title-text{
margin-bottom: 15px;
}
}

BIN
img/about-banner.jpg

After

Width: 1600  |  Height: 450  |  Size: 15 KiB