Skip to content
This repository has been archived by the owner on Feb 3, 2025. It is now read-only.
/ pexip Public archive

Commit

Permalink
Blog mockup
Browse files Browse the repository at this point in the history
  • Loading branch information
Mike Hatfield committed Nov 22, 2021
1 parent 84d0b09 commit 67b962f
Show file tree
Hide file tree
Showing 8 changed files with 133 additions and 38 deletions.
92 changes: 88 additions & 4 deletions blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
<meta name="robots" content="index, follow">
<link rel="shortcut icon" type="image/png" href="favicon.png">

<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?4764">
<link rel="stylesheet" type="text/css" href="style.css?9838">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?6813">
<link rel="stylesheet" type="text/css" href="style.css?4460">
<link rel="stylesheet" type="text/css" href="./css/all.min.css">

<title>Blog</title>
Expand Down Expand Up @@ -67,6 +67,90 @@
</div>
<!-- header END -->

<!-- bloc-14 -->
<div class="bloc l-bloc" id="bloc-14">
<div class="container bloc-lg bloc-md-lg">
<div class="row">
<div class="col">
<h1 class="mg-md">
Pexip Engineering Blog
</h1>
</div>
</div>
</div>
</div>
<!-- bloc-14 END -->

<!-- bloc-14 -->
<div class="bloc l-bloc" id="bloc-14">
<div class="container bloc-lg bloc-no-padding-lg ">
<div class="row voffset-md">
<div class="col-md-4 col-lg-5 offset-lg-0">
<img src="img/lazyload-ph.png" data-src="img/Pexip%20scale%20anonymized.png" class="img-fluid mx-auto d-block lazyload" alt="placeholder image" />
<h6 class="mg-md h6-style">
22 November 2021
</h6>
<h3 class="mg-md">
Scaling Pexip
</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
<div class="col-md-4 col-lg-5 offset-lg-1">
<img src="img/lazyload-ph.png" data-src="img/intern_projects.png" class="img-fluid mx-auto d-block img-intern-projec-style lazyload" alt="placeholder image" />
<h6 class="mg-md h6-style">
3 November 2021
</h6>
<h3 class="mg-md">
Why Trello rules our world
</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
</div>
<div class="row voffset-md">
<div class="col-md-4 col-lg-5 offset-lg-1">
<img src="img/lazyload-ph.png" data-src="img/intern_projects.png" class="img-fluid mx-auto d-block img-intern-projec-style lazyload" alt="placeholder image" />
<h6 class="mg-md h6-style">
18 October 2021
</h6>
<h3 class="mg-md">
Why Trello rules our world
</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
<div class="col-md-4 col-lg-5 offset-lg-0">
<img src="img/lazyload-ph.png" data-src="img/Pexip%20scale%20anonymized.png" class="img-fluid mx-auto d-block lazyload" alt="placeholder image" />
<h6 class="mg-md h6-style">
26 September 2021
</h6>
<h3 class="mg-md">
Scaling Pexip
</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
</div>
</div>
</div>
<!-- bloc-14 END -->

<!-- bloc-16 -->
<div class="bloc l-bloc" id="bloc-16">
<div class="container bloc-lg">
<div class="row">
<div class="col">
</div>
</div>
</div>
</div>
<!-- bloc-16 END -->

<!-- ScrollToTop Button -->
<a class="bloc-button btn btn-d scrollToTop" onclick="scrollToTarget('1',this)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 32 32"><path class="scroll-to-top-btn-icon" d="M30,22.656l-14-13-14,13"/></svg></a>
<!-- ScrollToTop Button END-->
Expand Down Expand Up @@ -148,8 +232,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">


<!-- Additional JS -->
<script src="./js/bootstrap.bundle.min.js?7752"></script>
<script src="./js/blocs.min.js?1979"></script>
<script src="./js/bootstrap.bundle.min.js?6787"></script>
<script src="./js/blocs.min.js?5447"></script>
<script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->


Expand Down
8 changes: 4 additions & 4 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
<meta name="robots" content="index, follow">
<link rel="shortcut icon" type="image/png" href="favicon.png">

<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?7429">
<link rel="stylesheet" type="text/css" href="style.css?6601">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?9239">
<link rel="stylesheet" type="text/css" href="style.css?651">
<link rel="stylesheet" type="text/css" href="./css/all.min.css">

<title>Contact</title>
Expand Down Expand Up @@ -188,8 +188,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">


<!-- Additional JS -->
<script src="./js/bootstrap.bundle.min.js?7752"></script>
<script src="./js/blocs.min.js?1979"></script>
<script src="./js/bootstrap.bundle.min.js?6787"></script>
<script src="./js/blocs.min.js?5447"></script>
<script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->


Expand Down
Binary file added img/intern_projects.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
<meta name="robots" content="index, follow">
<link rel="shortcut icon" type="image/png" href="favicon.png">

<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?1163">
<link rel="stylesheet" type="text/css" href="style.css?8864">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?6400">
<link rel="stylesheet" type="text/css" href="style.css?4425">
<link rel="stylesheet" type="text/css" href="./css/all.min.css">

<title>Pexip Engineering</title>
Expand Down Expand Up @@ -225,8 +225,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">


<!-- Additional JS -->
<script src="./js/bootstrap.bundle.min.js?7752"></script>
<script src="./js/blocs.min.js?1979"></script>
<script src="./js/bootstrap.bundle.min.js?6787"></script>
<script src="./js/blocs.min.js?5447"></script>
<script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->


Expand Down
22 changes: 11 additions & 11 deletions life.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
<meta name="robots" content="index, follow">
<link rel="shortcut icon" type="image/png" href="favicon.png">

<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?5009">
<link rel="stylesheet" type="text/css" href="style.css?4155">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?6529">
<link rel="stylesheet" type="text/css" href="style.css?5367">
<link rel="stylesheet" type="text/css" href="./css/all.min.css">

<title>Life</title>
Expand Down Expand Up @@ -196,19 +196,19 @@ <h4 class="mg-md text-lg-center">
Maternity and paternity leave
</h4>
</div>
<div class="col-lg-3 col-md-6 mt-1 mt-md-0">
<div class="col-lg-3 col-md-6">
<img src="img/lazyload-ph.png" data-src="img/worker.png" class="img-fluid mx-auto d-block lazyload" alt="worker" />
<h4 class="mg-md text-lg-center">
Flexible hours
</h4>
</div>
<div class="col-lg-3 col-md-6 mt-1 mt-md-4 mt-lg-0">
<div class="col-lg-3 col-md-6">
<img src="img/lazyload-ph.png" data-src="img/conference.png" class="img-fluid mx-auto d-block lazyload" alt="conference" />
<h4 class="mg-md text-lg-center">
Awesome events
</h4>
</div>
<div class="col-lg-3 col-md-6 mt-1 mt-md-4 mt-lg-0">
<div class="col-lg-3 col-md-6">
<img src="img/lazyload-ph.png" data-src="img/lunch.png" class="img-fluid mx-auto d-block lazyload" alt="lunch" />
<h4 class="mg-md text-lg-center">
Lunch and snacks
Expand All @@ -222,20 +222,20 @@ <h4 class="mg-md text-lg-center">
Stock programme
</h4>
</div>
<div class="col-lg-3 col-md-6 mt-1 mt-md-0">
<div class="col-lg-3 col-md-6">
<img src="img/lazyload-ph.png" data-src="img/health%20insurance.png" class="img-fluid mx-auto d-block lazyload" alt="health%20insurance" />
<h4 class="mg-md text-lg-center">
Excellent health insurance
</h4>
</div>
<div class="col-lg-3 col-md-6 mt-1 mt-md-4 mt-lg-0">
<div class="col-lg-3 col-md-6">
<img src="img/lazyload-ph.png" data-src="img/attend_classes_remotely.png" class="img-fluid mx-auto d-block lazyload" alt="attend_classes_remotely" />
<h4 class="mg-md text-lg-center">
Telework opportunities
</h4>
</div>
<div class="col-lg-3 col-md-6 mt-1 mt-md-4 mt-lg-0">
<img src="img/lazyload-ph.png" data-src="img/environment.png" class="img-fluid mx-auto d-block lazyload " alt="environment" />
<div class="col-lg-3 col-md-6">
<img src="img/lazyload-ph.png" data-src="img/environment.png" class="img-fluid mx-auto d-block lazyload" alt="environment" />
<h4 class="mg-md text-lg-center">
Green commute options like car charging stations
</h4>
Expand Down Expand Up @@ -345,8 +345,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">


<!-- Additional JS -->
<script src="./js/bootstrap.bundle.min.js?7752"></script>
<script src="./js/blocs.min.js?1979"></script>
<script src="./js/bootstrap.bundle.min.js?6787"></script>
<script src="./js/blocs.min.js?5447"></script>
<script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->


Expand Down
8 changes: 8 additions & 0 deletions sitemap.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,6 +150,14 @@
<changefreq>Weekly</changefreq>
<priority>0.5</priority>
<image:image>
<image:loc>https://dev.pexip.com/img/Pexip%20scale%20anonymized.png</image:loc>
<image:title>placeholder image</image:title>
</image:image>
<image:image>
<image:loc>https://dev.pexip.com/img/intern_projects.png</image:loc>
<image:title>placeholder image</image:title>
</image:image>
<image:image>
<image:loc>https://dev.pexip.com/img/</image:loc>
<image:title>Twitter Social Card Image</image:title>
</image:image>
Expand Down
8 changes: 4 additions & 4 deletions students.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
<meta name="robots" content="index, follow">
<link rel="shortcut icon" type="image/png" href="favicon.png">

<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?5800">
<link rel="stylesheet" type="text/css" href="style.css?7154">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?7037">
<link rel="stylesheet" type="text/css" href="style.css?6017">
<link rel="stylesheet" type="text/css" href="./css/all.min.css">

<title>Students</title>
Expand Down Expand Up @@ -356,8 +356,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">


<!-- Additional JS -->
<script src="./js/bootstrap.bundle.min.js?7752"></script>
<script src="./js/blocs.min.js?1979"></script>
<script src="./js/bootstrap.bundle.min.js?6787"></script>
<script src="./js/blocs.min.js?5447"></script>
<script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->


Expand Down
25 changes: 14 additions & 11 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,6 +154,9 @@ a:hover{text-decoration: none; cursor:pointer;}
.voffset{
margin-top:30px;
}
.voffset-md{
margin-top:50px;
}


/* = NavBar
Expand Down Expand Up @@ -305,16 +308,21 @@ h1,h2,h3,h4,h5,h6,p,label,.btn,a{
.navbar-brand img{
width:270px;
}
.footer svg{
fill:#FFFFFF;
}
.footer-pexip-way{
color:#FFFFFF!important;
font-family:"Whyte-Book";
}
.img-style{
height:375px;
}
.img-intern-projec-style{
height:353px;
}
.h6-style{
color:#FF525C!important;
font-family:"Whyte-Medium";
margin-bottom:0px;
}

/* = Colour
-------------------------------------------------------------- */
Expand Down Expand Up @@ -441,15 +449,10 @@ h1,h2,h3,h4,h5,h6,p,label,.btn,a{
}

@media (max-width: 991px){
.mt-md-0{
}
.mt-md-4{
}

}

@media (max-width: 575px){
.mt-1{
/* MD Row Margin Offsets */
.voffset-md{
margin-top:30px;
}

}
Expand Down

0 comments on commit 67b962f

Please sign in to comment.