rename sections to meaningful names
29
config.toml
|
@ -2,7 +2,6 @@ baseurl = "http://pmpc.mehl.mx/"
|
|||
languageCode = "en-us"
|
||||
title = "Public Money, Public Code"
|
||||
theme = "hugo-creative-theme"
|
||||
googleAnalytics = ""
|
||||
|
||||
[params]
|
||||
|
||||
|
@ -33,14 +32,14 @@ googleAnalytics = ""
|
|||
|
||||
[params.navigation.links]
|
||||
about = "About"
|
||||
services = "Advantages"
|
||||
portfolio = "Resources"
|
||||
reasons = "Reasons"
|
||||
resources = "Resources"
|
||||
spread = "Spread"
|
||||
contact = "Contact"
|
||||
|
||||
|
||||
# Hero section
|
||||
[params.hero]
|
||||
# Start banner
|
||||
[params.start]
|
||||
# To change the background of the hero section, replace the 'header.jpg' at './static/img' with your own.
|
||||
slogan = "Public Money – Public Code"
|
||||
subtitle = "Why is software that is programmed with taxpayers' money not released as Free Software? Code paid by all people should be available to all people."
|
||||
|
@ -54,33 +53,33 @@ googleAnalytics = ""
|
|||
buttonText = "More advantages"
|
||||
|
||||
|
||||
# Service section
|
||||
[params.services]
|
||||
# Reasons section
|
||||
[params.reasons]
|
||||
headline = "More reasons to free public code"
|
||||
|
||||
[[params.services.list]]
|
||||
[[params.reasons.list]]
|
||||
icon = "fa-diamond"
|
||||
title = "Tax savings"
|
||||
description = "Our templates are updated regularly so they don't break."
|
||||
|
||||
[[params.services.list]]
|
||||
[[params.reasons.list]]
|
||||
icon = "fa-paper-plane"
|
||||
title = "Collaboration"
|
||||
description = "You can use this theme as is, or you can make changes!"
|
||||
|
||||
[[params.services.list]]
|
||||
[[params.reasons.list]]
|
||||
icon = "fa-newspaper-o"
|
||||
title = "Serving the public"
|
||||
description = "We update dependencies to keep things fresh."
|
||||
|
||||
[[params.services.list]]
|
||||
[[params.reasons.list]]
|
||||
icon = "fa-heart"
|
||||
title = "Fostering innovation"
|
||||
description = "You have to make your websites with love these days!"
|
||||
|
||||
|
||||
# Portfolio modals
|
||||
[params.portfolio.modal]
|
||||
[params.resources.modal]
|
||||
client = "Client"
|
||||
date = "Date"
|
||||
category = "Category"
|
||||
|
@ -100,9 +99,3 @@ googleAnalytics = ""
|
|||
description = "Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!"
|
||||
phone = "123-456-6789"
|
||||
email = "feedback@startbootstrap.com"
|
||||
|
||||
# Google Maps section
|
||||
# [params.location]
|
||||
# latitude = "34.007850"
|
||||
# longitude = "-118.499305"
|
||||
# maps_api_key = ""
|
||||
|
|
|
@ -267,14 +267,14 @@ header .header-content .header-content-inner p {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.portfolio-box {
|
||||
.resources-box {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
max-width: 650px;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption {
|
||||
.resources-box .resources-box-caption {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
@ -289,7 +289,7 @@ header .header-content .header-content-inner p {
|
|||
transition: all .35s;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
|
@ -297,32 +297,32 @@ header .header-content .header-content-inner p {
|
|||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-category,
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
|
||||
padding: 0 15px;
|
||||
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-category {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.portfolio-box:hover .portfolio-box-caption {
|
||||
.resources-box:hover .resources-box-caption {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-category {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -16,7 +16,7 @@ body {
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content {
|
||||
.resources-modal .modal-content {
|
||||
padding: 100px 0;
|
||||
min-height: 100%;
|
||||
border: 0;
|
||||
|
@ -27,20 +27,20 @@ body {
|
|||
box-shadow: none;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content h2 {
|
||||
.resources-modal .modal-content h2 {
|
||||
margin: 0;
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content img {
|
||||
.resources-modal .modal-content img {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content .item-details {
|
||||
.resources-modal .modal-content .item-details {
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal {
|
||||
.resources-modal .close-modal {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 25px;
|
||||
|
@ -50,11 +50,11 @@ body {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal:hover {
|
||||
.resources-modal .close-modal:hover {
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal .lr {
|
||||
.resources-modal .close-modal .lr {
|
||||
z-index: 1051;
|
||||
width: 1px;
|
||||
height: 75px;
|
||||
|
@ -65,7 +65,7 @@ body {
|
|||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal .lr .rl {
|
||||
.resources-modal .close-modal .lr .rl {
|
||||
z-index: 1052;
|
||||
width: 1px;
|
||||
height: 75px;
|
||||
|
@ -75,7 +75,7 @@ body {
|
|||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-backdrop {
|
||||
.resources-modal .modal-backdrop {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 48 KiB |
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 52 KiB |
|
@ -59,12 +59,12 @@
|
|||
|
||||
|
||||
<li>
|
||||
<a class="page-scroll" href="#services">Advantages</a>
|
||||
<a class="page-scroll" href="#reasons">Reasons</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<a class="page-scroll" href="#portfolio">Resources</a>
|
||||
<a class="page-scroll" href="#resources">Resources</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
@ -73,7 +73,6 @@
|
|||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a class="page-scroll" href="#contact">Contact</a>
|
||||
</li>
|
||||
|
@ -137,7 +136,7 @@
|
|||
|
||||
|
||||
<!-- SERVICES -->
|
||||
<section id="services">
|
||||
<section id="reasons">
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
@ -198,23 +197,23 @@
|
|||
|
||||
|
||||
|
||||
<section class="no-padding" id="portfolio">
|
||||
<section class="no-padding" id="resources">
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutter">
|
||||
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="#portfolioModal1" class="portfolio-box portfolio-link" data-toggle="modal">
|
||||
<img src="img/portfolio/1.jpg" class="img-responsive" alt="">
|
||||
<a href="#resourcesModal1" class="resources-box resources-link" data-toggle="modal">
|
||||
<img src="img/resources/1.jpg" class="img-responsive" alt="">
|
||||
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="resources-box-caption">
|
||||
<div class="resources-box-caption-content">
|
||||
|
||||
<div class="project-category text-faded">
|
||||
<div class="resource-category text-faded">
|
||||
Web Development
|
||||
</div>
|
||||
|
||||
|
||||
<div class="project-name">
|
||||
<div class="resource-name">
|
||||
Guide for Public Administration
|
||||
</div>
|
||||
|
||||
|
@ -225,18 +224,18 @@
|
|||
</div>
|
||||
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="#portfolioModal2" class="portfolio-box portfolio-link" data-toggle="modal">
|
||||
<img src="img/portfolio/2.jpg" class="img-responsive" alt="">
|
||||
<a href="#resourcesModal2" class="resources-box resources-link" data-toggle="modal">
|
||||
<img src="img/resources/2.jpg" class="img-responsive" alt="">
|
||||
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="resources-box-caption">
|
||||
<div class="resources-box-caption-content">
|
||||
|
||||
<div class="project-category text-faded">
|
||||
<div class="resource-category text-faded">
|
||||
Web Development
|
||||
</div>
|
||||
|
||||
|
||||
<div class="project-name">
|
||||
<div class="resource-name">
|
||||
Guide for general public
|
||||
</div>
|
||||
|
||||
|
@ -247,18 +246,18 @@
|
|||
</div>
|
||||
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="#portfolioModal3" class="portfolio-box portfolio-link" data-toggle="modal">
|
||||
<img src="img/portfolio/3.jpg" class="img-responsive" alt="">
|
||||
<a href="#resourcesModal3" class="resources-box resources-link" data-toggle="modal">
|
||||
<img src="img/resources/3.jpg" class="img-responsive" alt="">
|
||||
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="resources-box-caption">
|
||||
<div class="resources-box-caption-content">
|
||||
|
||||
<div class="project-category text-faded">
|
||||
<div class="resource-category text-faded">
|
||||
Web Development
|
||||
</div>
|
||||
|
||||
|
||||
<div class="project-name">
|
||||
<div class="resource-name">
|
||||
Take Action!
|
||||
</div>
|
||||
|
||||
|
@ -269,40 +268,18 @@
|
|||
</div>
|
||||
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="#portfolioModal5" class="portfolio-box portfolio-link" data-toggle="modal">
|
||||
<img src="img/portfolio/5.jpg" class="img-responsive" alt="">
|
||||
<a href="#resourcesModal4" class="resources-box resources-link" data-toggle="modal">
|
||||
<img src="img/resources/4.jpg" class="img-responsive" alt="">
|
||||
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="resources-box-caption">
|
||||
<div class="resources-box-caption-content">
|
||||
|
||||
<div class="project-category text-faded">
|
||||
<div class="resource-category text-faded">
|
||||
Web Development
|
||||
</div>
|
||||
|
||||
|
||||
<div class="project-name">
|
||||
Freedom of Information
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="#portfolioModal4" class="portfolio-box portfolio-link" data-toggle="modal">
|
||||
<img src="img/portfolio/4.jpg" class="img-responsive" alt="">
|
||||
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
|
||||
<div class="project-category text-faded">
|
||||
Web Development
|
||||
</div>
|
||||
|
||||
|
||||
<div class="project-name">
|
||||
<div class="resource-name">
|
||||
Latest News
|
||||
</div>
|
||||
|
||||
|
@ -313,18 +290,40 @@
|
|||
</div>
|
||||
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="#portfolioModal6" class="portfolio-box portfolio-link" data-toggle="modal">
|
||||
<img src="img/portfolio/6.jpg" class="img-responsive" alt="">
|
||||
<a href="#resourcesModal5" class="resources-box resources-link" data-toggle="modal">
|
||||
<img src="img/resources/5.jpg" class="img-responsive" alt="">
|
||||
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="resources-box-caption">
|
||||
<div class="resources-box-caption-content">
|
||||
|
||||
<div class="project-category text-faded">
|
||||
<div class="resource-category text-faded">
|
||||
Web Development
|
||||
</div>
|
||||
|
||||
|
||||
<div class="project-name">
|
||||
<div class="resource-name">
|
||||
Freedom of Information
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="#resourcesModal6" class="resources-box resources-link" data-toggle="modal">
|
||||
<img src="img/resources/6.jpg" class="img-responsive" alt="">
|
||||
|
||||
<div class="resources-box-caption">
|
||||
<div class="resources-box-caption-content">
|
||||
|
||||
<div class="resource-category text-faded">
|
||||
Web Development
|
||||
</div>
|
||||
|
||||
|
||||
<div class="resource-name">
|
||||
Press information
|
||||
</div>
|
||||
|
||||
|
@ -341,8 +340,6 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- SPREAD -->
|
||||
<section id="spread" class="bg-dark">
|
||||
<div class="container">
|
||||
|
@ -425,9 +422,9 @@
|
|||
|
||||
|
||||
|
||||
<!-- Portfolio Modals -->
|
||||
<!-- resources Modals -->
|
||||
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="resources-modal modal fade" id="resourcesModal1" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
<div class="lr">
|
||||
|
@ -445,7 +442,7 @@
|
|||
|
||||
<hr class="star-primary">
|
||||
|
||||
<img src="img/portfolio/1.jpg" class="img-responsive img-centered" alt="">
|
||||
<img src="img/resources/1.jpg" class="img-responsive img-centered" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse iaculis molestie nisl, dapibus viverra nisl vehicula eu. Phasellus a lorem vel felis dignissim varius. Aenean et porta velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean sodales augue eu lorem vestibulum luctus. Nunc bibendum sapien id ligula tempor, at tincidunt orci dignissim. Nam convallis, tortor nec bibendum ultrices, erat turpis vehicula enim, sit amet dictum leo urna non ante. Aenean fermentum finibus nibh, quis ultricies ipsum maximus vitae.</p>
|
||||
<p>Vivamus massa mauris, blandit eu ante nec, pretium accumsan risus. Sed malesuada eu elit sit amet feugiat. Morbi a neque lorem. In rutrum ante nisl. Aliquam dapibus tempor libero eget elementum. Donec vitae odio sed ligula dictum malesuada. Fusce vitae facilisis turpis. Vivamus congue dolor lobortis, rutrum nibh at, pulvinar eros.</p>
|
||||
|
@ -481,7 +478,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="resources-modal modal fade" id="resourcesModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
<div class="lr">
|
||||
|
@ -499,7 +496,7 @@
|
|||
|
||||
<hr class="star-primary">
|
||||
|
||||
<img src="img/portfolio/2.jpg" class="img-responsive img-centered" alt="">
|
||||
<img src="img/resources/2.jpg" class="img-responsive img-centered" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
|
||||
|
||||
|
@ -532,7 +529,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="resources-modal modal fade" id="resourcesModal3" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
<div class="lr">
|
||||
|
@ -550,7 +547,7 @@
|
|||
|
||||
<hr class="star-primary">
|
||||
|
||||
<img src="img/portfolio/3.jpg" class="img-responsive img-centered" alt="">
|
||||
<img src="img/resources/3.jpg" class="img-responsive img-centered" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
|
||||
|
||||
|
@ -583,54 +580,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
<div class="lr">
|
||||
<div class="rl">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<div class="modal-body">
|
||||
|
||||
<h2>Freedom of Information</h2>
|
||||
|
||||
|
||||
<hr class="star-primary">
|
||||
|
||||
<img src="img/portfolio/5.jpg" class="img-responsive img-centered" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
|
||||
|
||||
|
||||
<ul class="list-inline item-details">
|
||||
|
||||
|
||||
<li>Date:
|
||||
<strong><a href="#">2014-07-08</a></strong>
|
||||
</li>
|
||||
|
||||
|
||||
<li>Category:
|
||||
<strong><a href="#">Web Development</a></strong>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>Close</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="resources-modal modal fade" id="resourcesModal4" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
<div class="lr">
|
||||
|
@ -648,7 +598,7 @@
|
|||
|
||||
<hr class="star-primary">
|
||||
|
||||
<img src="img/portfolio/4.jpg" class="img-responsive img-centered" alt="">
|
||||
<img src="img/resources/4.jpg" class="img-responsive img-centered" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
|
||||
|
||||
|
@ -677,7 +627,54 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="resources-modal modal fade" id="resourcesModal5" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
<div class="lr">
|
||||
<div class="rl">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<div class="modal-body">
|
||||
|
||||
<h2>Freedom of Information</h2>
|
||||
|
||||
|
||||
<hr class="star-primary">
|
||||
|
||||
<img src="img/resources/5.jpg" class="img-responsive img-centered" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
|
||||
|
||||
|
||||
<ul class="list-inline item-details">
|
||||
|
||||
|
||||
<li>Date:
|
||||
<strong><a href="#">2014-07-08</a></strong>
|
||||
</li>
|
||||
|
||||
|
||||
<li>Category:
|
||||
<strong><a href="#">Web Development</a></strong>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>Close</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="resources-modal modal fade" id="resourcesModal6" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
<div class="lr">
|
||||
|
@ -695,7 +692,7 @@
|
|||
|
||||
<hr class="star-primary">
|
||||
|
||||
<img src="img/portfolio/6.jpg" class="img-responsive img-centered" alt="">
|
||||
<img src="img/resources/6.jpg" class="img-responsive img-centered" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
|
||||
|
||||
|
@ -739,11 +736,8 @@
|
|||
<script src="http://pmpc.mehl.mx/js/jquery.easing.min.js"></script>
|
||||
<script src="http://pmpc.mehl.mx/js/jquery.fittext.js"></script>
|
||||
<script src="http://pmpc.mehl.mx/js/wow.min.js"></script>
|
||||
|
||||
<!-- Custom Theme JavaScript -->
|
||||
<script src="http://pmpc.mehl.mx/js/creative.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -4,28 +4,24 @@
|
|||
{{ partial "head.html" . }}
|
||||
</head>
|
||||
<body id="page-top">
|
||||
{{ if or .Site.Params.navigation.links.about .Site.Params.navigation.links.services .Site.Params.navigation.links.portfolio .Site.Params.navigation.links.contact }}
|
||||
{{ if or .Site.Params.navigation.links.about .Site.Params.navigation.links.reasons .Site.Params.navigation.links.resources .Site.Params.navigation.links.contact }}
|
||||
{{ partial "nav.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.hero }}
|
||||
{{ partial "hero.html" . }}
|
||||
{{ if .Site.Params.start }}
|
||||
{{ partial "start.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.about }}
|
||||
{{ partial "about.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.services.list }}
|
||||
{{ partial "services.html" . }}
|
||||
{{ if .Site.Params.reasons.list }}
|
||||
{{ partial "reasons.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Data.projects }}
|
||||
{{ partial "portfolio.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.location }}
|
||||
{{ partial "location.html" . }}
|
||||
{{ if .Site.Data.resources }}
|
||||
{{ partial "resources.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.spread }}
|
||||
|
@ -36,12 +32,10 @@
|
|||
{{ partial "contact.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Data.projects }}
|
||||
{{ if .Site.Data.resources }}
|
||||
{{ partial "modals.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ partial "js.html" . }}
|
||||
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -6,10 +6,5 @@
|
|||
<script src="{{ "js/jquery.easing.min.js" | absURL }}"></script>
|
||||
<script src="{{ "js/jquery.fittext.js" | absURL }}"></script>
|
||||
<script src="{{ "js/wow.min.js" | absURL }}"></script>
|
||||
{{ if .Site.Params.location }}
|
||||
<script src="//maps.googleapis.com/maps/api/js?key={{ .Site.Params.location.maps_api_key }}&v=3.exp"></script>
|
||||
<script src="{{ "js/hpneo.gmaps.js" | absURL }}"></script>
|
||||
<script src="{{ "js/gmaps.init.js" | absURL }}"></script>
|
||||
{{ end }}
|
||||
{{ "<!-- Custom Theme JavaScript -->" | safeHTML }}
|
||||
<script src="{{ "js/creative.js" | absURL }}"></script>
|
||||
|
|
|
@ -1,14 +0,0 @@
|
|||
|
||||
{{ if and .Site.Params.location.latitude .Site.Params.location.longitude }}
|
||||
<section id="location" class="no-padding">
|
||||
<div class="hidden">
|
||||
<input id="gmap-lat" value="{{ .Site.Params.location.latitude }}" />
|
||||
<input id="gmap-lng" value="{{ .Site.Params.location.longitude }}" />
|
||||
</div>
|
||||
<a href="https://www.google.com/maps?z=16&q={{ .Site.Params.location.latitude }},{{ .Site.Params.location.longitude }}&ll={{ .Site.Params.location.latitude }},{{ .Site.Params.location.longitude }}">
|
||||
<div id="map">
|
||||
|
||||
</div>
|
||||
</a>
|
||||
</section>
|
||||
{{ end }}
|
|
@ -1,6 +1,6 @@
|
|||
{{ "<!-- Portfolio Modals -->" | safeHTML }}
|
||||
{{ range .Site.Data.projects }}
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal{{ .modalID }}" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
{{ "<!-- resources Modals -->" | safeHTML }}
|
||||
{{ range .Site.Data.resources }}
|
||||
<div class="resources-modal modal fade" id="resourcesModal{{ .modalID }}" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
<div class="lr">
|
||||
|
@ -18,30 +18,30 @@
|
|||
{{ if and .title .description }}
|
||||
<hr class="star-primary">
|
||||
{{ end }}
|
||||
<img src="img/portfolio/{{ .img }}" class="img-responsive img-centered" alt="">
|
||||
<img src="img/resources/{{ .img }}" class="img-responsive img-centered" alt="">
|
||||
{{ with .description }}
|
||||
<p>{{ . | markdownify }}</p>
|
||||
{{ end }}
|
||||
{{ if or .client .date .category }}
|
||||
<ul class="list-inline item-details">
|
||||
{{ if .client }}
|
||||
<li>{{ with $.Site.Params.portfolio.modal.client }}{{.}}: {{ end }}
|
||||
<li>{{ with $.Site.Params.resources.modal.client }}{{.}}: {{ end }}
|
||||
<strong><a href="{{ with .clientLink }}{{ . }}{{ else }}#{{ end }}">{{ .client }}</a></strong>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if .date }}
|
||||
<li>{{ with $.Site.Params.portfolio.modal.date }}{{.}}: {{ end }}
|
||||
<li>{{ with $.Site.Params.resources.modal.date }}{{.}}: {{ end }}
|
||||
<strong><a href="#">{{ .date }}</a></strong>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if .category }}
|
||||
<li>{{ with $.Site.Params.portfolio.modal.category }}{{.}}: {{ end }}
|
||||
<li>{{ with $.Site.Params.resources.modal.category }}{{.}}: {{ end }}
|
||||
<strong><a href="#">{{ .category }}</a></strong>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
{{ with $.Site.Params.portfolio.modal.buttonText }}
|
||||
{{ with $.Site.Params.resources.modal.buttonText }}
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>{{.}}</button>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
|
|
@ -21,14 +21,14 @@
|
|||
<a class="page-scroll" href="#about">{{ .Site.Params.navigation.links.about }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if and .Site.Params.services.list .Site.Params.navigation.links.services }}
|
||||
{{ if and .Site.Params.reasons.list .Site.Params.navigation.links.reasons }}
|
||||
<li>
|
||||
<a class="page-scroll" href="#services">{{ .Site.Params.navigation.links.services }}</a>
|
||||
<a class="page-scroll" href="#reasons">{{ .Site.Params.navigation.links.reasons }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if and .Site.Data.projects .Site.Params.navigation.links.portfolio }}
|
||||
{{ if and .Site.Data.resources .Site.Params.navigation.links.resources }}
|
||||
<li>
|
||||
<a class="page-scroll" href="#portfolio">{{ .Site.Params.navigation.links.portfolio }}</a>
|
||||
<a class="page-scroll" href="#resources">{{ .Site.Params.navigation.links.resources }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if and .Site.Params.spread .Site.Params.navigation.links.spread }}
|
||||
|
@ -36,11 +36,6 @@
|
|||
<a class="page-scroll" href="#spread">{{ .Site.Params.navigation.links.spread }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if and .Site.Params.location .Site.Params.navigation.links.location }}
|
||||
<li>
|
||||
<a class="page-scroll" href="#location">{{ .Site.Params.navigation.links.location }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if and .Site.Params.contact .Site.Params.navigation.links.contact }}
|
||||
<li>
|
||||
<a class="page-scroll" href="#contact">{{ .Site.Params.navigation.links.contact }}</a>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{{ "<!-- SERVICES -->" | safeHTML }}
|
||||
<section id="services">
|
||||
{{ with .Site.Params.services.headline }}
|
||||
<section id="reasons">
|
||||
{{ with .Site.Params.reasons.headline }}
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
|
@ -12,7 +12,7 @@
|
|||
{{ end }}
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range .Site.Params.services.list }}
|
||||
{{ range .Site.Params.reasons.list }}
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<i class="fa fa-4x {{ .icon }} wow bounceIn text-primary"></i>
|
|
@ -1,20 +1,20 @@
|
|||
<section class="no-padding" id="portfolio">
|
||||
<section class="no-padding" id="resources">
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutter">
|
||||
{{ range .Site.Data.projects }}
|
||||
{{ range .Site.Data.resources }}
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="#portfolioModal{{ .modalID }}" class="portfolio-box portfolio-link" data-toggle="modal">
|
||||
<img src="img/portfolio/{{ .img }}" class="img-responsive" alt="">
|
||||
<a href="#resourcesModal{{ .modalID }}" class="resources-box resources-link" data-toggle="modal">
|
||||
<img src="img/resources/{{ .img }}" class="img-responsive" alt="">
|
||||
{{ if and .category .title }}
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="resources-box-caption">
|
||||
<div class="resources-box-caption-content">
|
||||
{{ with .category }}
|
||||
<div class="project-category text-faded">
|
||||
<div class="resource-category text-faded">
|
||||
{{ . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ with .title }}
|
||||
<div class="project-name">
|
||||
<div class="resource-name">
|
||||
{{ . }}
|
||||
</div>
|
||||
{{ end }}
|
|
@ -2,16 +2,16 @@
|
|||
<header>
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
{{ with .Site.Params.hero.slogan }}
|
||||
{{ with .Site.Params.start.slogan }}
|
||||
<h1>{{ . | markdownify }}</h1>
|
||||
{{ end }}
|
||||
{{ if and .Site.Params.hero.slogan .Site.Params.hero.subtitle }}
|
||||
{{ if and .Site.Params.start.slogan .Site.Params.start.subtitle }}
|
||||
<hr>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.hero.subtitle }}
|
||||
{{ with .Site.Params.start.subtitle }}
|
||||
<p>{{ . | markdownify }}</p>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.hero.buttonText }}
|
||||
{{ with .Site.Params.start.buttonText }}
|
||||
<a href="#about" class="btn btn-primary btn-xl page-scroll">{{ . }}</a>
|
||||
{{ end }}
|
||||
</div>
|
|
@ -267,14 +267,14 @@ header .header-content .header-content-inner p {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.portfolio-box {
|
||||
.resources-box {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
max-width: 650px;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption {
|
||||
.resources-box .resources-box-caption {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
@ -289,7 +289,7 @@ header .header-content .header-content-inner p {
|
|||
transition: all .35s;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
|
@ -297,32 +297,32 @@ header .header-content .header-content-inner p {
|
|||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-category,
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
|
||||
padding: 0 15px;
|
||||
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-category {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.portfolio-box:hover .portfolio-box-caption {
|
||||
.resources-box:hover .resources-box-caption {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-category {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
|
||||
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -16,7 +16,7 @@ body {
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content {
|
||||
.resources-modal .modal-content {
|
||||
padding: 100px 0;
|
||||
min-height: 100%;
|
||||
border: 0;
|
||||
|
@ -27,20 +27,20 @@ body {
|
|||
box-shadow: none;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content h2 {
|
||||
.resources-modal .modal-content h2 {
|
||||
margin: 0;
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content img {
|
||||
.resources-modal .modal-content img {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content .item-details {
|
||||
.resources-modal .modal-content .item-details {
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal {
|
||||
.resources-modal .close-modal {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 25px;
|
||||
|
@ -50,11 +50,11 @@ body {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal:hover {
|
||||
.resources-modal .close-modal:hover {
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal .lr {
|
||||
.resources-modal .close-modal .lr {
|
||||
z-index: 1051;
|
||||
width: 1px;
|
||||
height: 75px;
|
||||
|
@ -65,7 +65,7 @@ body {
|
|||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal .lr .rl {
|
||||
.resources-modal .close-modal .lr .rl {
|
||||
z-index: 1052;
|
||||
width: 1px;
|
||||
height: 75px;
|
||||
|
@ -75,7 +75,7 @@ body {
|
|||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-backdrop {
|
||||
.resources-modal .modal-backdrop {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
After Width: | Height: | Size: 62 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 48 KiB |
After Width: | Height: | Size: 61 KiB |
After Width: | Height: | Size: 52 KiB |