750 lines
33 KiB
HTML
750 lines
33 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en-us">
|
||
<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="Free Software Foundation Europe">
|
||
<meta name="description" content="Public Money, Public Code - A campaign for releasing publicly financed software as Free Software">
|
||
<meta name="generator" content="Hugo 0.19" />
|
||
<title>Public Money, Public Code</title>
|
||
|
||
<!-- Favicon -->
|
||
<link rel="shortcut icon" href="http://pmpc.mehl.mx/favicon.ico">
|
||
<!-- Bootstrap Core CSS -->
|
||
<link rel="stylesheet" href="http://pmpc.mehl.mx/css/bootstrap.min.css" type="text/css">
|
||
<!-- Custom Fonts -->
|
||
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
||
<link href='//fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||
<link rel="stylesheet" href="http://pmpc.mehl.mx/font-awesome/css/font-awesome.min.css" type="text/css">
|
||
<!-- Plugin CSS -->
|
||
<link rel="stylesheet" href="http://pmpc.mehl.mx/css/animate.min.css" type="text/css">
|
||
<!-- Custom CSS -->
|
||
<link rel="stylesheet" href="http://pmpc.mehl.mx/css/creative.css" type="text/css">
|
||
<link rel="stylesheet" href="http://pmpc.mehl.mx/css/custom.css" type="text/css">
|
||
<link rel="stylesheet" href="http://pmpc.mehl.mx/css/modals.css" type="text/css">
|
||
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
</head>
|
||
<body id="page-top">
|
||
|
||
<!-- NAVIGATION -->
|
||
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
|
||
<div class="container-fluid">
|
||
<!-- Brand and toggle get grouped for better mobile display -->
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
|
||
<a class="navbar-brand page-scroll" href="#page-top">Public Money, Public Code</a>
|
||
|
||
</div>
|
||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||
<ul class="nav navbar-nav navbar-right">
|
||
|
||
<li>
|
||
<a class="page-scroll" href="#about">About</a>
|
||
</li>
|
||
|
||
|
||
<li>
|
||
<a class="page-scroll" href="#services">Advantages</a>
|
||
</li>
|
||
|
||
|
||
<li>
|
||
<a class="page-scroll" href="#portfolio">Resources</a>
|
||
</li>
|
||
|
||
|
||
<li>
|
||
<a class="page-scroll" href="#spread">Spread</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
<a class="page-scroll" href="#contact">Contact</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<!-- /.navbar-collapse -->
|
||
</div>
|
||
<!-- /.container-fluid -->
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
<!-- HEADER -->
|
||
<header>
|
||
<div class="header-content">
|
||
<div class="header-content-inner">
|
||
|
||
<h1>Public Money – Public Code</h1>
|
||
|
||
|
||
<hr>
|
||
|
||
|
||
<p>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.</p>
|
||
|
||
|
||
<a href="#about" class="btn btn-primary btn-xl page-scroll">See the video</a>
|
||
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
<!-- ABOUT -->
|
||
<section class="bg-primary" id="about">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||
|
||
<h2 class="section-heading">Sounds complex? No, it's super easy!</h2>
|
||
|
||
|
||
<hr class="light">
|
||
|
||
|
||
<p class="text-faded">VIDEO</p>
|
||
|
||
|
||
<a href="#services" class="btn btn-default btn-xl page-scroll">More advantages</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<!-- SERVICES -->
|
||
<section id="services">
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-12 text-center">
|
||
<h2 class="section-heading">More reasons to free public code</h2>
|
||
<hr class="primary">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-lg-3 col-md-6 text-center">
|
||
<div class="service-box">
|
||
<i class="fa fa-4x fa-diamond wow bounceIn text-primary"></i>
|
||
<h3>Tax savings</h3>
|
||
|
||
<p class="text-muted">Our templates are updated regularly so they don't break.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6 text-center">
|
||
<div class="service-box">
|
||
<i class="fa fa-4x fa-paper-plane wow bounceIn text-primary"></i>
|
||
<h3>Collaboration</h3>
|
||
|
||
<p class="text-muted">You can use this theme as is, or you can make changes!</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6 text-center">
|
||
<div class="service-box">
|
||
<i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary"></i>
|
||
<h3>Serving the public</h3>
|
||
|
||
<p class="text-muted">We update dependencies to keep things fresh.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6 text-center">
|
||
<div class="service-box">
|
||
<i class="fa fa-4x fa-heart wow bounceIn text-primary"></i>
|
||
<h3>Fostering innovation</h3>
|
||
|
||
<p class="text-muted">You have to make your websites with love these days!</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<section class="no-padding" id="portfolio">
|
||
<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="">
|
||
|
||
<div class="portfolio-box-caption">
|
||
<div class="portfolio-box-caption-content">
|
||
|
||
<div class="project-category text-faded">
|
||
Web Development
|
||
</div>
|
||
|
||
|
||
<div class="project-name">
|
||
Guide for Public Administration
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</a>
|
||
</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="">
|
||
|
||
<div class="portfolio-box-caption">
|
||
<div class="portfolio-box-caption-content">
|
||
|
||
<div class="project-category text-faded">
|
||
Web Development
|
||
</div>
|
||
|
||
|
||
<div class="project-name">
|
||
Guide for general public
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</a>
|
||
</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="">
|
||
|
||
<div class="portfolio-box-caption">
|
||
<div class="portfolio-box-caption-content">
|
||
|
||
<div class="project-category text-faded">
|
||
Web Development
|
||
</div>
|
||
|
||
|
||
<div class="project-name">
|
||
Take Action!
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</a>
|
||
</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="">
|
||
|
||
<div class="portfolio-box-caption">
|
||
<div class="portfolio-box-caption-content">
|
||
|
||
<div class="project-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">
|
||
Latest News
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</a>
|
||
</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="">
|
||
|
||
<div class="portfolio-box-caption">
|
||
<div class="portfolio-box-caption-content">
|
||
|
||
<div class="project-category text-faded">
|
||
Web Development
|
||
</div>
|
||
|
||
|
||
<div class="project-name">
|
||
Press information
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- SPREAD -->
|
||
<section id="spread" class="bg-dark">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||
|
||
<h2 class="section-heading">Spread the word!</h2>
|
||
|
||
|
||
<p class="text-faded">Obtain the latest stickers and flyers from FSFE</p>
|
||
|
||
<a href="https://fsfe.org/promo#pmpc" class="btn btn-default btn-xl page-scroll">Get promo material</a>
|
||
<hr class="light">
|
||
|
||
<p class="text-faded">Tell your friends and followers about Public Code</p>
|
||
|
||
|
||
<div class="share-buttons">
|
||
|
||
<a id="diaspora" href="https://test.fsfe.org/cgi-bin/share.php?service=diaspora&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" title="Share via Diaspora" target="_blank">Diaspora</a>
|
||
|
||
<a id="gnusocial" href="https://test.fsfe.org/cgi-bin/share.php?service=gnusocial&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" title="Share via GNU Social" target="_blank">GNU Social</a>
|
||
|
||
<a id="reddit" href="https://test.fsfe.org/cgi-bin/share.php?service=reddit&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" title="Share via Reddit" target="_blank">Reddit</a>
|
||
|
||
<a id="twitter" href="https://test.fsfe.org/cgi-bin/share.php?service=twitter&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" title="Share via Twitter" target="_blank">Twitter</a>
|
||
|
||
<a id="gplus" href="https://test.fsfe.org/cgi-bin/share.php?service=gplus&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" title="Share via Google+" target="_blank">Google+</a>
|
||
|
||
<a id="facebook" href="https://test.fsfe.org/cgi-bin/share.php?service=facebook&ref=pmpc&url=https://publicmoneypubliccode.org&title=Public%20Money%3F%20Public%20Code!%20%23pmpc" title="Share via Facebook" target="_blank">Facebook</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<!-- CONTACT -->
|
||
<section id="contact">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||
|
||
<h2 class="section-heading">Let's Get In Touch!</h2>
|
||
|
||
|
||
<hr class="primary">
|
||
|
||
|
||
<p>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!</p>
|
||
|
||
</div>
|
||
|
||
<div class="
|
||
|
||
col-lg-4
|
||
|
||
col-lg-offset-2 text-center">
|
||
<i class="fa fa-phone fa-3x wow bounceIn"></i>
|
||
<p>123-456-6789</p>
|
||
</div>
|
||
|
||
|
||
<div class="
|
||
|
||
col-lg-4
|
||
|
||
text-center">
|
||
<i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
|
||
<p><a href="mailto:feedback@startbootstrap.com">feedback@startbootstrap.com</a></p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<!-- Portfolio Modals -->
|
||
|
||
<div class="portfolio-modal modal fade" id="portfolioModal1" 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>Guide for Public Administration</h2>
|
||
|
||
|
||
<hr class="star-primary">
|
||
|
||
<img src="img/portfolio/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>
|
||
<p>Donec tincidunt tortor ultrices, ullamcorper odio eget, ultricies tellus. Sed egestas dui orci, pulvinar sollicitudin nibh pulvinar quis. Vestibulum ultricies ligula nec ipsum egestas dictum. Nam vitae pretium arcu, vel ultricies quam. Quisque consequat lorem sed leo tempus ultricies. Sed luctus varius mauris ac volutpat. Aliquam quis consectetur orci, eget placerat mauris. Vivamus sollicitudin vulputate suscipit. Sed at maximus est, ac aliquet dolor. Proin porttitor nulla in consectetur mollis. Suspendisse varius eros at tellus dictum hendrerit. Etiam gravida, felis a tincidunt porttitor, sem augue scelerisque elit, vel sagittis nunc neque quis metus.</p>
|
||
<p>Donec egestas faucibus enim id sollicitudin. Morbi ullamcorper ipsum ut arcu ornare, eget tempus velit vehicula. Pellentesque id sem in nisi auctor ultrices at at tortor. In in ultricies augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam at massa eget quam fringilla ullamcorper. Vestibulum tincidunt egestas nunc, quis condimentum lectus sollicitudin eget. Maecenas rutrum viverra semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris sodales leo orci. Cras convallis ante diam, non ultrices odio varius quis. Phasellus libero tellus, tristique vitae ante eu, lacinia posuere libero. Nulla facilisi. Aliquam sapien nisi, mattis vel maximus sit amet, consectetur quis nunc.</p>
|
||
|
||
|
||
<ul class="list-inline item-details">
|
||
|
||
<li>Client:
|
||
<strong><a href="#">Start Bootstrap</a></strong>
|
||
</li>
|
||
|
||
|
||
<li>Date:
|
||
<strong><a href="#">2014-07-05</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="portfolioModal2" 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>Guide for general public</h2>
|
||
|
||
|
||
<hr class="star-primary">
|
||
|
||
<img src="img/portfolio/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>
|
||
|
||
|
||
<ul class="list-inline item-details">
|
||
|
||
<li>Client:
|
||
<strong><a href="#">Start Bootstrap</a></strong>
|
||
</li>
|
||
|
||
|
||
<li>Date:
|
||
<strong><a href="#">2014-07-06</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="portfolioModal3" 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>Take Action!</h2>
|
||
|
||
|
||
<hr class="star-primary">
|
||
|
||
<img src="img/portfolio/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>
|
||
|
||
|
||
<ul class="list-inline item-details">
|
||
|
||
<li>Client:
|
||
<strong><a href="#">Start Bootstrap</a></strong>
|
||
</li>
|
||
|
||
|
||
<li>Date:
|
||
<strong><a href="#">2014-07-07</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="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="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>Latest News</h2>
|
||
|
||
|
||
<hr class="star-primary">
|
||
|
||
<img src="img/portfolio/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>
|
||
|
||
|
||
<ul class="list-inline item-details">
|
||
|
||
|
||
<li>Date:
|
||
<strong><a href="#">2014-07-09</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="portfolioModal6" 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>Press information</h2>
|
||
|
||
|
||
<hr class="star-primary">
|
||
|
||
<img src="img/portfolio/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>
|
||
|
||
|
||
<ul class="list-inline item-details">
|
||
|
||
<li>Client:
|
||
<strong><a href="#">Start</a></strong>
|
||
</li>
|
||
|
||
|
||
<li>Date:
|
||
<strong><a href="#">2014-07-10</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>
|
||
|
||
|
||
|
||
|
||
<!-- jQuery -->
|
||
<script src="http://pmpc.mehl.mx/js/jquery.js"></script>
|
||
<!-- Bootstrap Core JavaScript -->
|
||
<script src="http://pmpc.mehl.mx/js/bootstrap.min.js"></script>
|
||
<!-- Plugin JavaScript -->
|
||
<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>
|