├── .htaccess
├── README.md
├── controllers
    ├── ControllerAccueil.php
    ├── ControllerPost.php
    └── Router.php
├── index.php
├── models
    ├── Article.php
    ├── ArticleManager.php
    └── Model.php
├── public
    ├── blank-static
    │   └── css
    │   │   ├── responsive.css
    │   │   └── styles.css
    ├── blog-sidebar
    │   └── css
    │   │   ├── responsive.css
    │   │   └── styles.css
    ├── category-sidebar
    │   └── css
    │   │   ├── responsive.css
    │   │   └── styles.css
    ├── category
    │   └── css
    │   │   ├── responsive.css
    │   │   └── styles.css
    ├── common-css
    │   ├── bootstrap.css
    │   ├── ionicons.css
    │   └── swiper.css
    ├── common-js
    │   ├── bootstrap.js
    │   ├── jquery-3.1.1.min.js
    │   ├── scripts.js
    │   ├── swiper.js
    │   └── tether.min.js
    ├── contact_form
    │   ├── css
    │   │   ├── main.css
    │   │   └── util.css
    │   ├── fonts
    │   │   ├── font-awesome-4.7.0
    │   │   │   ├── HELP-US-OUT.txt
    │   │   │   ├── css
    │   │   │   │   ├── font-awesome.css
    │   │   │   │   └── font-awesome.min.css
    │   │   │   ├── fonts
    │   │   │   │   ├── FontAwesome.otf
    │   │   │   │   ├── fontawesome-webfont.eot
    │   │   │   │   ├── fontawesome-webfont.svg
    │   │   │   │   ├── fontawesome-webfont.ttf
    │   │   │   │   ├── fontawesome-webfont.woff
    │   │   │   │   └── fontawesome-webfont.woff2
    │   │   │   ├── less
    │   │   │   │   ├── animated.less
    │   │   │   │   ├── bordered-pulled.less
    │   │   │   │   ├── core.less
    │   │   │   │   ├── fixed-width.less
    │   │   │   │   ├── font-awesome.less
    │   │   │   │   ├── icons.less
    │   │   │   │   ├── larger.less
    │   │   │   │   ├── list.less
    │   │   │   │   ├── mixins.less
    │   │   │   │   ├── path.less
    │   │   │   │   ├── rotated-flipped.less
    │   │   │   │   ├── screen-reader.less
    │   │   │   │   ├── stacked.less
    │   │   │   │   └── variables.less
    │   │   │   └── scss
    │   │   │   │   ├── _animated.scss
    │   │   │   │   ├── _bordered-pulled.scss
    │   │   │   │   ├── _core.scss
    │   │   │   │   ├── _fixed-width.scss
    │   │   │   │   ├── _icons.scss
    │   │   │   │   ├── _larger.scss
    │   │   │   │   ├── _list.scss
    │   │   │   │   ├── _mixins.scss
    │   │   │   │   ├── _path.scss
    │   │   │   │   ├── _rotated-flipped.scss
    │   │   │   │   ├── _screen-reader.scss
    │   │   │   │   ├── _stacked.scss
    │   │   │   │   ├── _variables.scss
    │   │   │   │   └── font-awesome.scss
    │   │   └── montserrat
    │   │   │   ├── Montserrat-Black.ttf
    │   │   │   ├── Montserrat-BlackItalic.ttf
    │   │   │   ├── Montserrat-Bold.ttf
    │   │   │   ├── Montserrat-BoldItalic.ttf
    │   │   │   ├── Montserrat-ExtraBold.ttf
    │   │   │   ├── Montserrat-ExtraBoldItalic.ttf
    │   │   │   ├── Montserrat-ExtraLight.ttf
    │   │   │   ├── Montserrat-ExtraLightItalic.ttf
    │   │   │   ├── Montserrat-Italic.ttf
    │   │   │   ├── Montserrat-Light.ttf
    │   │   │   ├── Montserrat-LightItalic.ttf
    │   │   │   ├── Montserrat-Medium.ttf
    │   │   │   ├── Montserrat-MediumItalic.ttf
    │   │   │   ├── Montserrat-Regular.ttf
    │   │   │   ├── Montserrat-SemiBold.ttf
    │   │   │   ├── Montserrat-SemiBoldItalic.ttf
    │   │   │   ├── Montserrat-Thin.ttf
    │   │   │   ├── Montserrat-ThinItalic.ttf
    │   │   │   └── OFL.txt
    │   ├── images
    │   │   ├── icons
    │   │   │   └── favicon.ico
    │   │   ├── img-01.png
    │   │   └── laptop.png
    │   ├── index.html
    │   ├── js
    │   │   └── main.js
    │   └── vendor
    │   │   ├── animate
    │   │       └── animate.css
    │   │   ├── bootstrap
    │   │       ├── css
    │   │       │   ├── bootstrap-grid.css
    │   │       │   ├── bootstrap-grid.css.map
    │   │       │   ├── bootstrap-grid.min.css
    │   │       │   ├── bootstrap-grid.min.css.map
    │   │       │   ├── bootstrap-reboot.css
    │   │       │   ├── bootstrap-reboot.css.map
    │   │       │   ├── bootstrap-reboot.min.css
    │   │       │   ├── bootstrap-reboot.min.css.map
    │   │       │   ├── bootstrap.css
    │   │       │   ├── bootstrap.css.map
    │   │       │   ├── bootstrap.min.css
    │   │       │   └── bootstrap.min.css.map
    │   │       └── js
    │   │       │   ├── bootstrap.js
    │   │       │   ├── bootstrap.min.js
    │   │       │   ├── popper.js
    │   │       │   ├── popper.min.js
    │   │       │   └── tooltip.js
    │   │   ├── css-hamburgers
    │   │       ├── hamburgers.css
    │   │       └── hamburgers.min.css
    │   │   ├── jquery
    │   │       └── jquery-3.2.1.min.js
    │   │   ├── select2
    │   │       ├── select2.css
    │   │       ├── select2.js
    │   │       ├── select2.min.css
    │   │       └── select2.min.js
    │   │   └── tilt
    │   │       └── tilt.jquery.min.js
    ├── css
    │   └── ionicons.min.css
    ├── font
    │   ├── fontello.eot
    │   ├── fontello.svg
    │   ├── fontello.ttf
    │   ├── fontello.woff
    │   └── fontello.woff2
    ├── fonts
    │   ├── Aileron
    │   │   ├── Aileron-Black.otf
    │   │   ├── Aileron-Bold.otf
    │   │   ├── Aileron-Heavy.otf
    │   │   ├── Aileron-Italic.otf
    │   │   ├── Aileron-Light.otf
    │   │   ├── Aileron-Regular.otf
    │   │   ├── Aileron-SemiBold.otf
    │   │   ├── Aileron-Thin.otf
    │   │   ├── Aileron-UltraLight.otf
    │   │   └── Gidole-Regular.ttf
    │   ├── Colaborate
    │   │   ├── ColabBol.otf
    │   │   ├── ColabLig.otf
    │   │   ├── ColabMed.otf
    │   │   ├── ColabReg.otf
    │   │   └── ColabThi.otf
    │   ├── Material-Design-Iconic-Font.eot
    │   ├── Material-Design-Iconic-Font.svg
    │   ├── Material-Design-Iconic-Font.ttf
    │   ├── Material-Design-Iconic-Font.woff
    │   ├── Material-Design-Iconic-Font.woff2
    │   ├── Spirequal-Light
    │   │   └── Spirequal-Light.TTF
    │   ├── ionicons.eot
    │   ├── ionicons.svg
    │   ├── ionicons.ttf
    │   ├── ionicons.woff
    │   ├── linea-basic-10.eot
    │   ├── linea-basic-10.svg
    │   ├── linea-basic-10.ttf
    │   └── linea-basic-10.woff
    ├── front-page-category
    │   └── css
    │   │   ├── responsive.css
    │   │   └── styles.css
    ├── images
    │   ├── alex-lambley-205711.jpg
    │   ├── audrey-jackson-260657.jpg
    │   ├── avatar-1-120x120.jpg
    │   ├── averie-woodard-319832.jpg
    │   ├── ben-o-sullivan-382817.jpg
    │   ├── blog-1-1000x600.jpg
    │   ├── brooke-lark-194251.jpg
    │   ├── caroline-veronez-165944.jpg
    │   ├── category-1-400x250.jpg
    │   ├── category-1.jpg
    │   ├── category-2-400x250.jpg
    │   ├── category-3-400x250.jpg
    │   ├── category-4-400x250.jpg
    │   ├── category-5-400x250.jpg
    │   ├── category-6-400x250.jpg
    │   ├── christopher-campbell-28567.jpg
    │   ├── dmitri-popov-326976.jpg
    │   ├── icons8-team-355979.jpg
    │   ├── icons8-team-355990.jpg
    │   ├── logo.png
    │   ├── marion-michele-330691.jpg
    │   ├── noah-buscher-400915.jpg
    │   ├── pexels-photo-370474.jpeg
    │   ├── sarah-diniz-outeiro-407602.jpg
    │   ├── screenshot.png
    │   ├── screenshot_blog.png
    │   ├── slider-1-1600x900.jpg
    │   └── slider-1.jpg
    ├── layout-1
    │   └── css
    │   │   ├── responsive.css
    │   │   └── styles.css
    ├── single-post-1
    │   └── css
    │   │   ├── responsive.css
    │   │   └── styles.css
    ├── single-post-2
    │   └── css
    │   │   ├── responsive.css
    │   │   └── styles.css
    └── single-post-3
    │   └── css
    │       ├── responsive.css
    │       └── styles.css
└── views
    ├── View.php
    ├── blank-static.html
    ├── blog-sidebar.html
    ├── category-sidebar.html
    ├── category.html
    ├── front-page-category.html
    ├── index.html
    ├── single-post-1.html
    ├── single-post-2.html
    ├── single-post-3.html
    ├── template.php
    ├── templateForm.php
    ├── templateSingle.php
    ├── viewAccueil.php
    ├── viewCreatePost.php
    └── viewSinglePost.php


/.htaccess:
--------------------------------------------------------------------------------
1 | RewriteEngine On
2 | 
3 | RewriteCond %{REQUEST_FILENAME} !-f
4 | RewriteCond %{REQUEST_FILENAME} !-d
5 | 
6 | RewriteRule ^(.*)$ index.php?url=$1
7 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # PHP Blog with MVC architecture
 2 | 
 3 | ##This repo shows how to create a blog with MVC architecture
 4 | 
 5 | ![screenshot](./public/images/screenshot.png)
 6 | 
 7 | ## Built With
 8 | 
 9 | - PHP 7
10 | - Bootstrap 4
11 | 
12 | ## How to use this repository
13 | 
14 | - create a local database named "blog_mvc"
15 | - clone the repository in your www folder if you have wamp. If you don't have wamp, clone the repository to the projects folder of your local server environment.
16 | - rendez-vous in the Model.php file located in the models folder and modify the login credentials to the database
17 | - finally, open your browser and go to localhost/blog_mvc
18 | 
19 | ## Authors
20 | 
21 | 👤 **David YAO**
22 | 
23 | - GitHub: [@daviidy](https://github.com/daviidy)
24 | - Twitter: [@davidyao3](https://twitter.com/DavidYao3)
25 | - LinkedIn: [@daviidy](https://www.linkedin.com/in/david-yao-6bb95299/)
26 | - Personal Website: [@daviidy](http://david-yao.com)
27 | 
28 | 
29 | ## 🤝 Contributing
30 | 
31 | Contributions, issues, and feature requests are welcome!
32 | 
33 | Feel free to check the [issues page](issues/).
34 | 
35 | ## Show your support
36 | 
37 | Give a ⭐️ if you like this project!
38 | 


--------------------------------------------------------------------------------
/controllers/ControllerAccueil.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | require_once 'views/View.php';
 3 | /**
 4 |  *
 5 |  */
 6 | class ControllerAccueil
 7 | {
 8 |   private $_articleManager;
 9 |   private $_view;
10 | 
11 |   public function __construct()
12 |   {
13 |     if (isset($url) && count($url) > 1) {
14 |       throw new \Exception("Page introuvable", 1);
15 | 
16 |     }
17 |     else {
18 |       $this->articles();
19 |     }
20 |   }
21 | 
22 |   private function articles(){
23 |     $this->_articleManager = new ArticleManager();
24 |     $articles = $this->_articleManager->getArticles();
25 |     $this->_view = new View('Accueil');
26 |     $this->_view->generate(array('articles' => $articles));
27 |   }
28 | }
29 | 
30 | 
31 | 
32 | 
33 | 
34 | 
35 | 
36 | 
37 | 
38 | 
39 | 
40 | 
41 | 
42 | 
43 |  ?>
44 | 


--------------------------------------------------------------------------------
/controllers/ControllerPost.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | require_once 'views/View.php';
 3 | 
 4 | class ControllerPost
 5 | 
 6 | {
 7 |   private $_articleManager;
 8 |   private $_view;
 9 | 
10 |   public function __construct()
11 |   {
12 |     if (isset($url) && count($url) < 1) {
13 |       throw new \Exception("Page Introuvable");
14 |     }
15 |     elseif (isset($_GET['create'])) {
16 |       $this->create();
17 |     }
18 |     elseif (isset($_GET['status']) && isset($_GET['status']) == "new") {
19 |       $this->store();
20 |     }
21 |     else {
22 |       $this->article();
23 |     }
24 |   }
25 | 
26 |   //fonction pour afficher un article
27 |   private function article()
28 |   {
29 |     if (isset($_GET['id'], $_GET['id'])) {
30 |       $this->_articleManager = new ArticleManager;
31 |       $article = $this->_articleManager->getArticle($_GET['id']);
32 |       $this->_view = new View('SinglePost');
33 |       $this->_view->generatePost(array('article' => $article));
34 |     }
35 | 
36 |   }
37 | 
38 |   //fonction pour afficher le
39 |   //formulaire de création d'un article
40 |   private function create()
41 |   {
42 |     if (isset($_GET['create'])) {
43 |       $this->_view = new View('CreatePost');
44 |       $this->_view->generateForm();
45 |     }
46 | 
47 |   }
48 | 
49 | 
50 |   //fonction pour insérer un aticle
51 |     //en bdd
52 |       private function store()
53 |       {
54 |         $this->_articleManager = new ArticleManager;
55 |         $article = $this->_articleManager->createArticle();
56 |         $articles = $this->_articleManager->getArticles();
57 |         $this->_view = new View('Accueil');
58 |         $this->_view->generate(array('articles' => $articles));
59 |       }
60 | 
61 | 
62 | 
63 | 
64 | }
65 | 
66 |  ?>
67 | 


--------------------------------------------------------------------------------
/controllers/Router.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | require_once 'views/View.php';
 3 | /**
 4 |  *
 5 |  */
 6 | class Router
 7 | {
 8 |   private $ctrl;
 9 |   private $view;
10 | 
11 |   public function routeReq(){
12 | 
13 |     try {
14 | 
15 |       //chargement automatique des classes du dossier models
16 |       spl_autoload_register(function($class){
17 |         require_once('models/'.$class.'.php');
18 |       });
19 | 
20 |       //on crée une variable $url
21 |       $url = '';
22 | 
23 |       //on va determiner le controleur en
24 |       //fonction de la valeur de cette variable
25 |       if (isset($_GET['url'])) {
26 |         //on décompose l'url et on lui applique un filtre
27 |         $url = explode('/', filter_var($_GET['url'], FILTER_SANITIZE_URL));
28 | 
29 |         //on recupere le premier parametre de url
30 |         //on le met tout en miniscule
31 |         //on met sa premiere lettre en majuscule
32 |         $controller = ucfirst(strtolower($url[0]));
33 | 
34 |         $controllerClass = "Controller".$controller;
35 | 
36 |         //on retrouve le chemin du controleur voulu
37 |         $controllerFile = "controllers/".$controllerClass.".php";
38 | 
39 |         //on check si le fichier du controleur existe
40 |         if (file_exists($controllerFile)) {
41 |           //on lance la classe en question
42 |           //avec tous les parametres url
43 |           //pour respecter l'encapsulation
44 |           require_once($controllerFile);
45 |           $this->ctrl = new $controllerClass($url);
46 |         }
47 |         else {
48 |           throw new \Exception("Page introuvable", 1);
49 | 
50 |         }
51 |       }
52 | 
53 |       else {
54 |         require_once('controllers/ControllerAccueil.php');
55 |         $this->ctrl = new ControllerAccueil($url);
56 |       }
57 | 
58 |     } catch (\Exception $e) {
59 |       $errorMsg = $e->getMessage();
60 |       $this->_view = new View('Error');
61 |       $this->_view->generate(array('errorMsg' => $errorMsg));
62 |     }
63 | 
64 | 
65 | 
66 | 
67 | 
68 | 
69 | 
70 |   }
71 | 
72 | 
73 | 
74 | 
75 | 
76 | }
77 | 
78 | 
79 | 
80 | 
81 | 
82 | 
83 | 
84 | 
85 | 
86 | 
87 | 
88 | 
89 |  ?>
90 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | require_once('controllers/Router.php');
 4 | 
 5 | $router = new Router();
 6 | 
 7 | $router->routeReq();
 8 | 
 9 | 
10 | 
11 | 
12 |  ?>
13 | 


--------------------------------------------------------------------------------
/models/Article.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  *
 5 |  */
 6 | class Article
 7 | {
 8 | 
 9 |   private $_id;
10 |   private $_title;
11 |   private $_content;
12 |   private $_date;
13 | 
14 |   public function __construct(array $data){
15 |     $this->hydrate($data);
16 |   }
17 | 
18 |   //hdratation
19 |   public function hydrate(array $data){
20 |     foreach ($data as $key => $value) {
21 |       $method = 'set'.ucfirst($key);
22 |       if (method_exists($this, $method)) {
23 |         $this->$method($value);
24 |       }
25 |     }
26 |   }
27 | 
28 |   //setters
29 | 
30 |   public function setId($id)
31 |   {
32 |     $id = (int) $id;
33 |     if ($id > 0) {
34 |       $this->_id = $id;
35 |     }
36 |   }
37 | 
38 |   public function setTitle($title)
39 |   {
40 |     if (is_string($title)) {
41 |       $this->_title = $title;
42 |     }
43 |   }
44 | 
45 |   public function setContent($content)
46 |   {
47 |     if (is_string($content)) {
48 |       $this->_content = $content;
49 |     }
50 |   }
51 | 
52 |   public function setDate($date)
53 |   {
54 |       $this->_date = $date;
55 | 
56 |   }
57 | 
58 |   //getters
59 |   public function id()
60 |   {
61 |     return $this->_id;
62 |   }
63 | 
64 |   public function title()
65 |   {
66 |     return $this->_title;
67 |   }
68 | 
69 |   public function content()
70 |   {
71 |     return $this->_content;
72 |   }
73 | 
74 |   public function date()
75 |   {
76 |     return $this->_date;
77 |   }
78 | 
79 | 
80 | 
81 | }
82 | 
83 | 
84 | 
85 | 
86 | 
87 | 
88 | 
89 | 
90 | 
91 | 
92 | 
93 | 
94 |  ?>
95 | 


--------------------------------------------------------------------------------
/models/ArticleManager.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  *
 5 |  */
 6 | class ArticleManager extends Model
 7 | {
 8 | 
 9 |   //gréer la fonction qui va recuperer
10 |   //tous les articles dans la bdd
11 |   public function getArticles(){
12 |     return $this->getAll('articles', 'Article');
13 |   }
14 | 
15 |   public function getArticle($id){
16 |       return $this->getOne('articles', 'Article', $id);
17 |     }
18 | 
19 |   public function createArticle(){
20 |       return $this->createOne('articles', 'Article');
21 |     }
22 | 
23 | }
24 | 
25 | 
26 | 
27 | 
28 | 
29 |  ?>
30 | 


--------------------------------------------------------------------------------
/models/Model.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | abstract class Model
 4 | {
 5 | 
 6 |   private static $_bdd;
 7 | 
 8 |   //connexion a la bdd
 9 | 
10 |   private static function setBdd(){
11 |     self::$_bdd = new PDO('mysql:host=localhost;dbname=php_libro_mvc;charset=utf8', 'root', '');
12 | 
13 |     //on utilise les constantes de PDO pour gérer les erreurs
14 |     self::$_bdd->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_WARNING);
15 |   }
16 | 
17 |   //fonction de connexion par defaut a la bdd
18 |   protected function getBdd(){
19 |     if (self::$_bdd == null) {
20 |       self::setBdd();
21 |       return self::$_bdd;
22 |     }
23 |   }
24 | 
25 |   //creation d ela methode
26 |   //de récupération de liste d'elements
27 |   //dans la bdd
28 | 
29 |   protected function getAll($table, $obj){
30 |     $this->getBdd();
31 |     $var = [];
32 |     $req = self::$_bdd->prepare('SELECT * FROM '.$table.' ORDER BY id desc');
33 |     $req->execute();
34 | 
35 |     //on crée la variable data qui
36 |     //va cobntenir les données
37 |     while ($data = $req->fetch(PDO::FETCH_ASSOC)) {
38 |       // var contiendra les données sous forme d'objets
39 |       $var[] = new $obj($data);
40 |     }
41 | 
42 |     return $var;
43 |     $req->closeCursor();
44 | 
45 | 
46 |   }
47 | 
48 |   protected function getOne($table, $obj, $id)
49 |   {
50 |     $this->getBdd();
51 |     $var = [];
52 |     $req = self::$_bdd->prepare("SELECT id, title, content, DATE_FORMAT(date, '%d/%m/%Y à %Hh%imin%ss') AS date FROM " .$table. " WHERE id = ?");
53 |     $req->execute(array($id));
54 |     while ($data = $req->fetch(PDO::FETCH_ASSOC)) {
55 |       $var[] = new $obj($data);
56 |     }
57 | 
58 |     return $var;
59 |     $req->closeCursor();
60 |   }
61 | 
62 |   protected function createOne($table, $obj)
63 |   {
64 |     $this->getBdd();
65 |     $req = self::$_bdd->prepare("INSERT INTO ".$table." (title, content, date) VALUES (?, ?, ?)");
66 |     $req->execute(array($_POST['title'], $_POST['content'], date("d.m.Y")));
67 | 
68 |     $req->closeCursor();
69 |   }
70 | 
71 | 
72 | 
73 | 
74 | 
75 | 
76 | 
77 | 
78 | 
79 | 
80 | 
81 | 
82 | }
83 | 
84 | 
85 | 
86 | 
87 | 
88 | 
89 | 
90 | 
91 | 
92 | 
93 |  ?>
94 | 


--------------------------------------------------------------------------------
/public/blank-static/css/responsive.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Screens Resolution : 992px
  4 | -------------------------------------------------------------------------- */
  5 | @media only screen and (max-width: 1200px) {
  6 | 	
  7 | 	
  8 | }
  9 | 
 10 | /* Screens Resolution : 992px
 11 | -------------------------------------------------------------------------- */
 12 | @media only screen and (max-width: 992px) {
 13 | 	
 14 | 	/* ---------------------------------
 15 | 	1. PRIMARY STYLES
 16 | 	--------------------------------- */
 17 | 
 18 | 	h1{ font-size: 4em; }
 19 | 	h2{ font-size: 3em; }
 20 | 	h3{ font-size: 2em; }
 21 | 	
 22 | 	
 23 | 	/* COMMoNS */
 24 | 	
 25 | 	.no-left-padding{ padding-left: 15px; }
 26 | 
 27 | 	.no-right-padding{ padding-right: 15px; }
 28 | 
 29 | 	
 30 | 	/* MENU */
 31 | 	
 32 | 	/* SEARCH AREA */
 33 | 
 34 | 	header .src-area{ width: 30%; }
 35 | 
 36 | 
 37 | 	/* ---------------------------------
 38 | 	6. MAIN POST ( LEF AREA )
 39 | 	--------------------------------- */
 40 | 	
 41 | 	.main-post{ border-right: 0px ; }
 42 | 	
 43 | 	.main-post .blog-post-inner,
 44 | 	.main-post .post-icons-area{ padding-right: 0px; }
 45 | 	
 46 | 	
 47 | 	/* ---------------------------------
 48 | 	7. SIDEBAR AREA
 49 | 	--------------------------------- */
 50 | 	
 51 | 	.info-area{ padding: 30px 0; }
 52 | 	
 53 | 	.info-area .sidebar-area,
 54 | 	.info-area .tag-area{ padding-left: 0px; }
 55 | 
 56 | 	
 57 | }
 58 | 
 59 | 
 60 | /* Screens Resolution : 767px
 61 | -------------------------------------------------------------------------- */
 62 | @media only screen and (max-width: 767px) {
 63 | 	
 64 | 	/* ---------------------------------
 65 | 	1. PRIMARY STYLES
 66 | 	--------------------------------- */
 67 | 
 68 | 	p{ line-height: 1.4; }
 69 | 
 70 | 	h1{ font-size: 3em; }
 71 | 	h2{ font-size: 2.5em; }
 72 | 	h3{ font-size: 1.8em; }
 73 | 	h4{ font-size: 1.5em; }
 74 | 	h5{ font-size: 1.2em; }
 75 | 	
 76 | 	/* ---------------------------------
 77 | 	2. COMMONS FOR PAGE DESIGN
 78 | 	--------------------------------- */
 79 | 
 80 | 	.section{ padding: 40px 0 10px; }
 81 | 
 82 | 	
 83 | 
 84 | 	/* ---------------------------------
 85 | 	3. MENU
 86 | 	--------------------------------- */
 87 | 	
 88 | 	
 89 | 	header .main-menu{ display: none; float: none; clear: both; border-top: 1px solid #ccc; }
 90 | 	
 91 | 	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #ddd; }
 92 | 	
 93 | 	header .main-menu > li:last-child{ border-bottom: 0; }
 94 | 	
 95 | 	header .main-menu li > a,
 96 | 	header .main-menu ul.drop-down li > a{ display: block; line-height: 1; height: auto; padding: 15px; background: none; }
 97 | 	
 98 | 	
 99 | 	
100 | 	/* SEARCH AREA */
101 | 
102 | 	header .src-area{ width: 100%; }
103 | 	
104 | 	
105 | 	/* NAV ICON */
106 | 	
107 | 	.menu-nav-icon{ display: inline-block; }
108 | 	
109 | 	
110 | 	/* ---------------------------------
111 | 	10. FOOTER
112 | 	--------------------------------- */
113 | 
114 | 	footer{ padding: 40px 0 0px; margin-top: 0px; }
115 | 
116 | 	
117 | }
118 | 
119 | /* Screens Resolution : 479px
120 | -------------------------------------------------------------------------- */
121 | @media only screen and (max-width: 479px) {
122 | 
123 | 	/* ---------------------------------
124 | 	1. PRIMARY STYLES
125 | 	--------------------------------- */
126 | 
127 | 	body{ font-size: 14px;  }
128 | 	
129 | 	/* ---------------------------------
130 | 	6. MAIN POST ( LEF AREA )
131 | 	--------------------------------- */
132 | 
133 | 	/* ICONS */
134 | 
135 | 	.main-post ul.post-icons,
136 | 	.main-post ul.icons{ float: none; margin-top: 10px; }
137 | 	
138 | 	.main-post ul.post-icons > li > a > i,
139 | 	.main-post ul.icons > li > a > i{ padding: 0; padding-right: 10px; }
140 | 
141 | 
142 | 	
143 | }
144 | 
145 | /* Screens Resolution : 359px
146 | -------------------------------------------------------------------------- */
147 | @media only screen and (max-width: 359px) {
148 | 	
149 | 	
150 | }
151 | 
152 | /* Screens Resolution : 290px
153 | -------------------------------------------------------------------------- */
154 | @media only screen and (max-width: 290px) {
155 | 	
156 | 	
157 | }


--------------------------------------------------------------------------------
/public/blank-static/css/styles.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /*
  3 | ====================================================
  4 | 
  5 | * 	[Master Stylesheet]
  6 | 	
  7 | 	Theme Name :  
  8 | 	Version    :  
  9 | 	Author     :  
 10 | 	Author URI :  
 11 | 
 12 | ====================================================
 13 | 
 14 | 
 15 | /* ---------------------------------
 16 | 1. PRIMARY STYLES
 17 | --------------------------------- */
 18 | 
 19 | html{ font-size: 100%; height: 100%;  overflow-x: hidden; touch-action: manipulation; }
 20 | 
 21 | body{ font-size: 15px; font-family: 'Roboto', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 300;
 22 | 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
 23 | 	background: #EDF3F3; color: #000; }
 24 | 
 25 | h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img{ margin: 0; padding: 0; font-weight: 300; }
 26 | 
 27 | h1,h2,h3,h4,h5,h6{ line-height: 1.5; }
 28 | 
 29 | p{ line-height: 1.6; font-family: 'Maven Pro', sans-serif; font-weight: 400; color: #444; }
 30 | 
 31 | h1{ font-size: 4em; line-height: 1; }
 32 | h2{ font-size: 2.8em; line-height: 1.1; }
 33 | h3{ font-size: 2em; }
 34 | h4{ font-size: 1.2em; }
 35 | h5{ font-size: 1.1em; }
 36 | h6{ font-size: .9em; letter-spacing: 1px; }
 37 | 
 38 | a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; }
 39 | 
 40 | a:focus, a:active, a:hover,
 41 | button:focus, button:active, button:hover{ text-decoration: none; color: #498BF9; }
 42 | 
 43 | b{ font-weight: 500; }
 44 | 
 45 | img{ width: 100%; }
 46 | 
 47 | li{ list-style: none; display: inline-block; }
 48 | 
 49 | span{ display: inline-block; }
 50 | 
 51 | header{ font-weight: 400; }
 52 | 
 53 | 
 54 | 
 55 | /* ---------------------------------
 56 | 2. COMMONS FOR PAGE DESIGN
 57 | --------------------------------- */
 58 | 
 59 | .section{ padding: 70px 0 40px; }
 60 | 
 61 | .section .heading{ padding-bottom: 70px; }
 62 | 
 63 | .center-text{ text-align: center; } 
 64 | 
 65 | .color-white{ color: #fff; }
 66 | 
 67 | .display-table{ display: table; height: 100%; width: 100%; }
 68 | 
 69 | .display-table-cell{ display: table-cell; vertical-align: middle; }
 70 | 
 71 | .card{ background: transparent; border: 0; }
 72 | 
 73 | .no-side-padding{ padding-right: 0px; padding-left: 0px; }
 74 | 
 75 | .no-left-padding{ padding-left: 0px; }
 76 | 
 77 | .no-right-padding{ padding-right: 0px; }
 78 | 
 79 | .icon{ font-size: 2em; }
 80 | 
 81 | 
 82 | ::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }
 83 | 
 84 | ::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }
 85 | 
 86 | :-ms-input-placeholder { font-size: .9em; letter-spacing: 1px;  }
 87 | 
 88 | :-moz-placeholder { font-size: .9em; letter-spacing: 1px;  }
 89 | 
 90 | 
 91 | 
 92 | /* ---------------------------------
 93 | 3. MENU
 94 | --------------------------------- */
 95 | 
 96 | header{ overflow: hidden; background: #fff; box-shadow: 0px 2px 10px rgba(0,0,0, .3); }
 97 | 
 98 | header .logo{ float: left; height: 20px; margin: 20px 30px; }
 99 | 
100 | header .logo img{ height: 100%; width: auto; }
101 | 
102 | 
103 | header .main-menu{ display: inline-block; float: left; }
104 | 
105 | header .main-menu > li{ float: left; }
106 | 
107 | header .main-menu > li > a{ height: 60px; line-height: 60px; padding: 0 25px; border-right: 1px solid #eee; }
108 | 
109 | header .main-menu > li > a:hover{  background: #eee; }
110 | 
111 | header .main-menu > li:first-child > a{ border-left: 1px solid #eee; }
112 | 
113 | 
114 | header .visible.main-menu{ display: block; }
115 | 
116 | 
117 | 
118 | /* SEARCH AREA */
119 | 
120 | header .src-area{ position: relative; height: 60px; width: 50%; float: right; display: inline-block; background: #F5F7F6; }
121 | 
122 | header .src-area .src-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
123 | 	padding: 0 20px 0 70px; background: transparent; border: 0; outline: 0; }
124 | 
125 | header .src-area .src-input:focus{ box-shadow: 0px 0px 1px #aaa; }
126 | 
127 | header .src-area .src-btn{ position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: none; border: 0; 
128 | 	font-size: 1.2em; outline: 0; margin-left: 20px; opacity: .6; cursor: pointer; z-index: 10; }
129 | 
130 | 
131 | /* NAV ICON */
132 | 
133 | .menu-nav-icon{ display: none; height: 60px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; 
134 | 	position: absolute; right: 0; font-size: 1.8em; }
135 | 
136 | 
137 | /* ---------------------------------
138 | 4. SLIDER
139 | --------------------------------- */
140 | 
141 | .slider{ height: 300px; width: 100%; background-image: url(../../images/slider-1.jpg); background-size: cover; }  
142 |  
143 | .slider .title{ color: #fff; text-shadow: 2px 2px 10px rgba(0,0,0,.3); }
144 | 
145 | 
146 | /* ---------------------------------
147 | 5. SINGLE POST
148 | --------------------------------- */
149 | 
150 | .blog-area{ background: #EDF3F3; }
151 | 
152 | .post-wrapper{ padding: 50px 50px 20px; margin-bottom: 30px; box-shadow: 0px 0px 5px rgba(0,0,0,.1); 
153 | 	border: 1px solid #ddd; background: #fff; }
154 | 
155 | .blog-area .title{ margin-bottom: 25px; }
156 | 
157 | .blog-area .para{ margin-bottom: 25px; }
158 | 
159 | 
160 | 
161 | /* ---------------------------------
162 | 6. FOOTER
163 | --------------------------------- */
164 | 
165 | footer{ padding: 70px 0 30px; background: #fff; }
166 | 
167 | footer .footer-section{ margin-bottom: 40px; }
168 | 
169 | footer .footer-section .title{ margin-bottom: 20px; }
170 | 
171 | footer .footer-section ul > li{ margin-right: 10px; margin-top: 10px; }
172 | 
173 | 
174 | footer .copyright{ margin: 10px 0; }
175 | 
176 | 
177 | footer .icons > li > a{ height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; 
178 | 	transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,1); background: #498BF9; color: #fff; }
179 | 
180 | footer .icons > li > a:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); }
181 | 
182 | 
183 | footer .input-area{ position: relative; height: 50px; width: 100%; box-shadow: 0px 0px 1px #bbb; background: #F5F7F6; }
184 | 
185 | footer .input-area .email-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
186 | 	padding: 0 70px 0 20px; background: transparent; border: 0; outline: 0; }
187 | 
188 | footer .input-area .email-input:focus{ box-shadow: 0px 0px 1px #aaa; }
189 | 
190 | footer .input-area .submit-btn{ position: absolute; top: 0; bottom: 0; right: 0; width: 50px; background: none; 
191 | 	border: 0; outline: 0; padding: 7px; margin-right: 10px; opacity: .8; cursor: pointer; }
192 | 
193 | footer .input-area .submit-btn img{ width: 100%; height: 100%; }
194 | 
195 | 
196 | 


--------------------------------------------------------------------------------
/public/blog-sidebar/css/responsive.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Screens Resolution : 992px
  4 | -------------------------------------------------------------------------- */
  5 | @media only screen and (max-width: 1200px) {
  6 | 	
  7 | 	
  8 | }
  9 | 
 10 | /* Screens Resolution : 992px
 11 | -------------------------------------------------------------------------- */
 12 | @media only screen and (max-width: 992px) {
 13 | 	
 14 | 	/* ---------------------------------
 15 | 	1. PRIMARY STYLES
 16 | 	--------------------------------- */
 17 | 
 18 | 	h1{ font-size: 4em; }
 19 | 	h2{ font-size: 3em; }
 20 | 	h3{ font-size: 2em; }
 21 | 	
 22 | 	
 23 | 	/* COMMoNS */
 24 | 	
 25 | 	.no-left-padding{ padding-left: 15px; }
 26 | 
 27 | 	.no-right-padding{ padding-right: 15px; }
 28 | 
 29 | 	
 30 | 	/* MENU */
 31 | 	
 32 | 	/* SEARCH AREA */
 33 | 
 34 | 	header .src-area{ width: 30%; }
 35 | 
 36 | 
 37 | 	/* ---------------------------------
 38 | 	6. MAIN POST ( LEF AREA )
 39 | 	--------------------------------- */
 40 | 	
 41 | 	.main-post{ border-right: 0px ; }
 42 | 	
 43 | 	.main-post .blog-post-inner,
 44 | 	.main-post .post-icons-area{ padding-right: 0px; }
 45 | 	
 46 | 	
 47 | 	
 48 | 
 49 | 	
 50 | }
 51 | 
 52 | 
 53 | /* Screens Resolution : 767px
 54 | -------------------------------------------------------------------------- */
 55 | @media only screen and (max-width: 767px) {
 56 | 	
 57 | 	/* ---------------------------------
 58 | 	1. PRIMARY STYLES
 59 | 	--------------------------------- */
 60 | 
 61 | 	p{ line-height: 1.4; }
 62 | 
 63 | 	h1{ font-size: 3em; }
 64 | 	h2{ font-size: 2.5em; }
 65 | 	h3{ font-size: 1.8em; }
 66 | 	h4{ font-size: 1.5em; }
 67 | 	h5{ font-size: 1.2em; }
 68 | 	
 69 | 	/* ---------------------------------
 70 | 	2. COMMONS FOR PAGE DESIGN
 71 | 	--------------------------------- */
 72 | 
 73 | 	.section{ padding: 40px 0 10px; }
 74 | 
 75 | 	
 76 | 
 77 | 	/* ---------------------------------
 78 | 	3. MENU
 79 | 	--------------------------------- */
 80 | 	
 81 | 	
 82 | 	header .main-menu{ display: none; float: none; clear: both; border-top: 1px solid #ccc; }
 83 | 	
 84 | 	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #ddd; }
 85 | 	
 86 | 	header .main-menu > li:last-child{ border-bottom: 0; }
 87 | 	
 88 | 	header .main-menu li > a,
 89 | 	header .main-menu ul.drop-down li > a{ display: block; line-height: 1; height: auto; padding: 15px; background: none; }
 90 | 	
 91 | 	
 92 | 	
 93 | 	/* SEARCH AREA */
 94 | 
 95 | 	header .src-area{ width: 100%; }
 96 | 	
 97 | 	
 98 | 	/* NAV ICON */
 99 | 	
100 | 	.menu-nav-icon{ display: inline-block; }
101 | 	
102 | 	
103 | 	/* ---------------------------------
104 | 	6. EXTRA BIG BLOG
105 | 	--------------------------------- */
106 | 	
107 | 	.post-style-2 .blog-image{ width: 100%; height: auto; float: none; }
108 | 	
109 | 	.post-style-2 .blog-info{ height: auto; width: 100%; }
110 | 	
111 | 	
112 | 	/* ---------------------------------
113 | 	10. FOOTER
114 | 	--------------------------------- */
115 | 
116 | 	footer{ padding: 40px 0 0px; margin-top: 0px; }
117 | 
118 | 	
119 | }
120 | 
121 | /* Screens Resolution : 479px
122 | -------------------------------------------------------------------------- */
123 | @media only screen and (max-width: 479px) {
124 | 
125 | 	/* ---------------------------------
126 | 	1. PRIMARY STYLES
127 | 	--------------------------------- */
128 | 
129 | 	body{ font-size: 14px;  }
130 | 	
131 | 	/* ---------------------------------
132 | 	6. MAIN POST ( LEF AREA )
133 | 	--------------------------------- */
134 | 
135 | 	/* ICONS */
136 | 
137 | 	.main-post ul.post-icons,
138 | 	.main-post ul.icons{ float: none; margin-top: 10px; }
139 | 	
140 | 	.main-post ul.post-icons > li > a > i,
141 | 	.main-post ul.icons > li > a > i{ padding: 0; padding-right: 10px; }
142 | 
143 | 
144 | 	
145 | }
146 | 
147 | /* Screens Resolution : 359px
148 | -------------------------------------------------------------------------- */
149 | @media only screen and (max-width: 359px) {
150 | 	
151 | 	
152 | }
153 | 
154 | /* Screens Resolution : 290px
155 | -------------------------------------------------------------------------- */
156 | @media only screen and (max-width: 290px) {
157 | 	
158 | 	
159 | }


--------------------------------------------------------------------------------
/public/blog-sidebar/css/styles.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /*
  3 | ====================================================
  4 | 
  5 | * 	[Master Stylesheet]
  6 | 	
  7 | 	Theme Name :  
  8 | 	Version    :  
  9 | 	Author     :  
 10 | 	Author URI :  
 11 | 
 12 | ====================================================
 13 | 
 14 | 
 15 | /* ---------------------------------
 16 | 1. PRIMARY STYLES
 17 | --------------------------------- */
 18 | 
 19 | html{ font-size: 100%; height: 100%;  overflow-x: hidden; touch-action: manipulation; }
 20 | 
 21 | body{ font-size: 15px; font-family: 'Roboto', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 300;
 22 | 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
 23 | 	background: #EDF3F3; color: #000; }
 24 | 
 25 | h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img{ margin: 0; padding: 0; font-weight: 300; }
 26 | 
 27 | h1,h2,h3,h4,h5,h6{ line-height: 1.5; }
 28 | 
 29 | p{ line-height: 1.6; font-family: 'Maven Pro', sans-serif; font-weight: 400; color: #444; }
 30 | 
 31 | h1{ font-size: 4em; line-height: 1; }
 32 | h2{ font-size: 2.8em; line-height: 1.1; }
 33 | h3{ font-size: 2em; }
 34 | h4{ font-size: 1.2em; }
 35 | h5{ font-size: 1.1em; }
 36 | h6{ font-size: .9em; letter-spacing: 1px; }
 37 | 
 38 | a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; }
 39 | 
 40 | a:focus, a:active, a:hover,
 41 | button:focus, button:active, button:hover{ text-decoration: none; color: #498BF9; }
 42 | 
 43 | b{ font-weight: 500; }
 44 | 
 45 | img{ width: 100%; }
 46 | 
 47 | li{ list-style: none; display: inline-block; }
 48 | 
 49 | span{ display: inline-block; }
 50 | 
 51 | header{ font-weight: 400; }
 52 | 
 53 | 
 54 | 
 55 | /* ---------------------------------
 56 | 2. COMMONS FOR PAGE DESIGN
 57 | --------------------------------- */
 58 | 
 59 | .section{ padding: 70px 0 40px; }
 60 | 
 61 | .section .heading{ padding-bottom: 70px; }
 62 | 
 63 | .center-text{ text-align: center; } 
 64 | 
 65 | .color-white{ color: #fff; }
 66 | 
 67 | .display-table{ display: table; height: 100%; width: 100%; }
 68 | 
 69 | .display-table-cell{ display: table-cell; vertical-align: middle; }
 70 | 
 71 | .card{ background: transparent; border: 0; }
 72 | 
 73 | .no-side-padding{ padding-right: 0px; padding-left: 0px; }
 74 | 
 75 | .no-left-padding{ padding-left: 0px; }
 76 | 
 77 | .no-right-padding{ padding-right: 0px; }
 78 | 
 79 | .icon{ font-size: 2em; }
 80 | 
 81 | 
 82 | ::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }
 83 | 
 84 | ::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }
 85 | 
 86 | :-ms-input-placeholder { font-size: .9em; letter-spacing: 1px;  }
 87 | 
 88 | :-moz-placeholder { font-size: .9em; letter-spacing: 1px;  }
 89 | 
 90 | 
 91 | 
 92 | /* ---------------------------------
 93 | 3. MENU
 94 | --------------------------------- */
 95 | 
 96 | header{ overflow: hidden; background: #fff; box-shadow: 0px 2px 10px rgba(0,0,0, .3); }
 97 | 
 98 | header .logo{ float: left; height: 20px; margin: 20px 30px; }
 99 | 
100 | header .logo img{ height: 100%; width: auto; }
101 | 
102 | 
103 | header .main-menu{ display: inline-block; float: left; }
104 | 
105 | header .main-menu > li{ float: left; }
106 | 
107 | header .main-menu > li > a{ height: 60px; line-height: 60px; padding: 0 25px; border-right: 1px solid #eee; }
108 | 
109 | header .main-menu > li > a:hover{  background: #eee; }
110 | 
111 | header .main-menu > li:first-child > a{ border-left: 1px solid #eee; }
112 | 
113 | 
114 | header .visible.main-menu{ display: block; }
115 | 
116 | 
117 | 
118 | /* SEARCH AREA */
119 | 
120 | header .src-area{ position: relative; height: 60px; width: 50%; float: right; display: inline-block; background: #F5F7F6; }
121 | 
122 | header .src-area .src-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
123 | 	padding: 0 20px 0 70px; background: transparent; border: 0; outline: 0; }
124 | 
125 | header .src-area .src-input:focus{ box-shadow: 0px 0px 1px #aaa; }
126 | 
127 | header .src-area .src-btn{ position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: none; border: 0; 
128 | 	font-size: 1.2em; outline: 0; margin-left: 20px; opacity: .6; cursor: pointer; z-index: 10; }
129 | 
130 | 
131 | /* NAV ICON */
132 | 
133 | .menu-nav-icon{ display: none; height: 60px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; 
134 | 	position: absolute; right: 0; font-size: 1.8em; }
135 | 
136 | 
137 | 
138 | 
139 | /* ---------------------------------
140 | 4. SLIDER
141 | --------------------------------- */
142 | 
143 | .slider{ height: 300px; width: 100%; background-image: url(../../images/slider-1.jpg); background-size: cover; }  
144 |  
145 | .slider .title{ color: #fff; text-shadow: 2px 2px 10px rgba(0,0,0,.3); }
146 | 
147 |  
148 | /* ---------------------------------
149 | 5. SINGLE POST
150 | --------------------------------- */
151 | 
152 | .blog-area .row div[class^="col"] { margin-bottom: 30px; }
153 | 
154 | .blog-area{ text-align: center; background: #EDF3F3; }
155 | 
156 | .blog-area .single-post{ height: 100%; position: relative; padding-bottom: 45px;
157 | 	overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,.1); border: 1px solid #ddd; background: #fff; }
158 | 
159 | .blog-area .single-post .title{ padding: 20px 30px 30px; }
160 | 
161 | .single-post .avatar{ margin: 0 auto; margin-top: -40px; width: 70px; height: 70px; overflow: hidden; z-index: 10;
162 | 	border-radius: 100px; position: relative; border: 7px solid #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
163 | 
164 | .single-post .post-footer{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
165 | 
166 | .single-post .post-footer > li{ width: 33.33%; display: inline-block; border-right: 1px solid #fff; background: #EDF3F3; }
167 | 
168 | .single-post .post-footer > li:first-child{ float: left; }
169 | 
170 | .single-post .post-footer > li:last-child{ border: 0px; float: right; }
171 | 
172 | .single-post .post-footer > li > a{ line-height: 45px; width: 100%; }
173 | 
174 | .single-post .post-footer i{ display: inline-block; margin-right: 10px; opacity: .6; font-size: 1.1em; }
175 | 
176 | 
177 | /* ---------------------------------
178 | 6. NORMAL BLOG
179 | --------------------------------- */
180 | 
181 | .post-style-1 .blog-image{ max-height: 200px; overflow: hidden; }
182 | 
183 | 
184 | 
185 | /* ---------------------------------
186 | 7. EXTRA BIG BLOG
187 | --------------------------------- */
188 | 
189 | .blog-area .post-style-2{ padding-bottom: 0; text-align: left; }
190 | 
191 | .blog-area .post-style-2 .title{ padding: 15px 0px 20px; }
192 | 
193 | .post-style-2 .avatar-area{ padding: 25px 0 15px; position: relative; }
194 | 
195 | .post-style-2 .avatar{ margin: 0px; }
196 | 	
197 | .post-style-2 .avatar-area .right-area{ margin-left: 90px; position: absolute; top: 50%; transform: translateY(-50%); }
198 | 
199 | .post-style-2 .blog-image{ width: 50%; float: left; height: 100%; }
200 | 
201 | .post-style-2 .blog-image img{ height: 100%; width: 100%; }
202 | 
203 | .post-style-2 .blog-info{ width: 50%; float: left; height: 100%; position: relative; padding: 30px; padding-bottom: 45px; }
204 | 
205 | 
206 | 
207 | /* ---------------------------------
208 | 8. EXTRA MEDIUM BLOG
209 | --------------------------------- */
210 | 
211 | .post-style-2.post-style-3 .blog-info{ width: 100%; float: none; }
212 | 
213 | 
214 | 
215 | /* ---------------------------------
216 | 9. EXTRA SMALL BLOG
217 | --------------------------------- */
218 | 
219 | .blog-area .post-style-4{ margin-bottom: 30px; }
220 | 
221 | .display-table .display-table-cell.title{ padding: 30px; }
222 | 
223 | .load-more-btn{ padding: 15px 40px; margin: 30px 0 0; transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,.4);
224 | 	background: #C3D8F5; }
225 | 
226 | .load-more-btn:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); } 
227 | 
228 | 
229 | 
230 | /* ---------------------------------
231 | 10. INFO AREA
232 | --------------------------------- */
233 | 
234 | .blog-area .info-area{ height: auto; text-align: left; padding: 40px 0px; }
235 | 
236 | .blog-area .info-area .title{ padding: 0; margin-bottom: 20px; }
237 | 
238 | 
239 | 
240 | /* ABOUT AREA */
241 | 
242 | .blog-area .info-area .about-area{ padding: 0 30px 30px; margin: 0 0 30px; border-bottom: 1px solid #eee; }
243 | 
244 | 
245 | 
246 | /* SUBSCRIBE AREA */
247 | 
248 | .info-area .subscribe-area{ padding: 0 30px 30px; margin: 0 0 30px; border-bottom: 1px solid #eee; }
249 | 
250 | .info-area .input-area{ position: relative; height: 50px; width: 100%; box-shadow: 0px 0px 1px #bbb; background: #F5F7F6; }
251 | 
252 | .info-area .input-area .email-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
253 | 	padding: 0 70px 0 20px; background: transparent; border: 0; outline: 0; }
254 | 
255 | .info-area .input-area .email-input:focus{ box-shadow: 0px 0px 1px #aaa; }
256 | 
257 | .info-area .input-area .submit-btn{ position: absolute; top: 0; bottom: 0; right: 0; width: 50px; background: none; 
258 | 	border: 0; outline: 0; font-size: 1.7em; margin-right: 10px; opacity: .8; cursor: pointer; }
259 | 
260 | 
261 | 
262 | /* TAG AREA */
263 | 
264 | .info-area .tag-area{ padding: 0 30px; }
265 | 
266 | .tag-area > ul > li > a{ padding: 7px 12px; float: left; margin: 0 5px 5px 0; border: 1px solid #eee; background: #F5F6F8; }
267 | 
268 | .tag-area > ul > li > a:hover{ background: none; }
269 | 
270 | 
271 | 
272 | /* ---------------------------------
273 | 11. FOOTER
274 | --------------------------------- */
275 | 
276 | footer{ padding: 70px 0 30px; text-align: center; background: #fff; }
277 | 
278 | footer .footer-section{ margin-bottom: 40px; }
279 | 
280 | footer .footer-section .title{ margin-bottom: 20px; }
281 | 
282 | footer .footer-section ul > li{ margin: 0 5px; }
283 | 
284 | footer .copyright{ margin: 10px 0 20px; }
285 | 
286 | footer .icons > li > a{ height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; 
287 | 	transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,1); background: #498BF9; color: #fff; }
288 | 
289 | footer .icons > li > a:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); }
290 | 
291 | 
292 | 
293 | 
294 | 


--------------------------------------------------------------------------------
/public/category-sidebar/css/responsive.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Screens Resolution : 992px
  4 | -------------------------------------------------------------------------- */
  5 | @media only screen and (max-width: 1200px) {
  6 | 	
  7 | 	
  8 | }
  9 | 
 10 | /* Screens Resolution : 992px
 11 | -------------------------------------------------------------------------- */
 12 | @media only screen and (max-width: 992px) {
 13 | 	
 14 | 	/* ---------------------------------
 15 | 	1. PRIMARY STYLES
 16 | 	--------------------------------- */
 17 | 
 18 | 	h1{ font-size: 4em; }
 19 | 	h2{ font-size: 3em; }
 20 | 	h3{ font-size: 2em; }
 21 | 	
 22 | 	
 23 | 	/* COMMoNS */
 24 | 	
 25 | 	.no-left-padding{ padding-left: 15px; }
 26 | 
 27 | 	.no-right-padding{ padding-right: 15px; }
 28 | 
 29 | 	
 30 | 	/* MENU */
 31 | 	
 32 | 	/* SEARCH AREA */
 33 | 
 34 | 	header .src-area{ width: 30%; }
 35 | 
 36 | 
 37 | 	/* ---------------------------------
 38 | 	6. MAIN POST ( LEF AREA )
 39 | 	--------------------------------- */
 40 | 	
 41 | 	.main-post{ border-right: 0px ; }
 42 | 	
 43 | 	.main-post .blog-post-inner,
 44 | 	.main-post .post-icons-area{ padding-right: 0px; }
 45 | 	
 46 | 	
 47 | 	
 48 | 
 49 | 	
 50 | }
 51 | 
 52 | 
 53 | /* Screens Resolution : 767px
 54 | -------------------------------------------------------------------------- */
 55 | @media only screen and (max-width: 767px) {
 56 | 	
 57 | 	/* ---------------------------------
 58 | 	1. PRIMARY STYLES
 59 | 	--------------------------------- */
 60 | 
 61 | 	p{ line-height: 1.4; }
 62 | 
 63 | 	h1{ font-size: 3em; }
 64 | 	h2{ font-size: 2.5em; }
 65 | 	h3{ font-size: 1.8em; }
 66 | 	h4{ font-size: 1.5em; }
 67 | 	h5{ font-size: 1.2em; }
 68 | 	
 69 | 	/* ---------------------------------
 70 | 	2. COMMONS FOR PAGE DESIGN
 71 | 	--------------------------------- */
 72 | 
 73 | 	.section{ padding: 40px 0 10px; }
 74 | 
 75 | 	
 76 | 
 77 | 	/* ---------------------------------
 78 | 	3. MENU
 79 | 	--------------------------------- */
 80 | 	
 81 | 	
 82 | 	header .main-menu{ display: none; float: none; clear: both; border-top: 1px solid #ccc; }
 83 | 	
 84 | 	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #ddd; }
 85 | 	
 86 | 	header .main-menu > li:last-child{ border-bottom: 0; }
 87 | 	
 88 | 	header .main-menu li > a,
 89 | 	header .main-menu ul.drop-down li > a{ display: block; line-height: 1; height: auto; padding: 15px; background: none; }
 90 | 	
 91 | 	
 92 | 	
 93 | 	/* SEARCH AREA */
 94 | 
 95 | 	header .src-area{ width: 100%; }
 96 | 	
 97 | 	
 98 | 	/* NAV ICON */
 99 | 	
100 | 	.menu-nav-icon{ display: inline-block; }
101 | 	
102 | 	
103 | 	/* ---------------------------------
104 | 	6. EXTRA BIG BLOG
105 | 	--------------------------------- */
106 | 	
107 | 	.post-style-2 .blog-image{ width: 100%; height: auto; float: none; }
108 | 	
109 | 	.post-style-2 .blog-info{ height: auto; width: 100%; }
110 | 	
111 | 	
112 | 	/* ---------------------------------
113 | 	10. FOOTER
114 | 	--------------------------------- */
115 | 
116 | 	footer{ padding: 40px 0 0px; margin-top: 0px; }
117 | 
118 | 	
119 | }
120 | 
121 | /* Screens Resolution : 479px
122 | -------------------------------------------------------------------------- */
123 | @media only screen and (max-width: 479px) {
124 | 
125 | 	/* ---------------------------------
126 | 	1. PRIMARY STYLES
127 | 	--------------------------------- */
128 | 
129 | 	body{ font-size: 14px;  }
130 | 	
131 | 	/* ---------------------------------
132 | 	6. MAIN POST ( LEF AREA )
133 | 	--------------------------------- */
134 | 
135 | 	/* ICONS */
136 | 
137 | 	.main-post ul.post-icons,
138 | 	.main-post ul.icons{ float: none; margin-top: 10px; }
139 | 	
140 | 	.main-post ul.post-icons > li > a > i,
141 | 	.main-post ul.icons > li > a > i{ padding: 0; padding-right: 10px; }
142 | 
143 | 
144 | 	
145 | }
146 | 
147 | /* Screens Resolution : 359px
148 | -------------------------------------------------------------------------- */
149 | @media only screen and (max-width: 359px) {
150 | 	
151 | 	
152 | }
153 | 
154 | /* Screens Resolution : 290px
155 | -------------------------------------------------------------------------- */
156 | @media only screen and (max-width: 290px) {
157 | 	
158 | 	
159 | }


--------------------------------------------------------------------------------
/public/category-sidebar/css/styles.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /*
  3 | ====================================================
  4 | 
  5 | * 	[Master Stylesheet]
  6 | 	
  7 | 	Theme Name :  
  8 | 	Version    :  
  9 | 	Author     :  
 10 | 	Author URI :  
 11 | 
 12 | ====================================================
 13 | 
 14 | 
 15 | /* ---------------------------------
 16 | 1. PRIMARY STYLES
 17 | --------------------------------- */
 18 | 
 19 | html{ font-size: 100%; height: 100%;  overflow-x: hidden; touch-action: manipulation; }
 20 | 
 21 | body{ font-size: 15px; font-family: 'Roboto', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 300;
 22 | 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
 23 | 	background: #EDF3F3; color: #000; }
 24 | 
 25 | h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img{ margin: 0; padding: 0; font-weight: 300; }
 26 | 
 27 | h1,h2,h3,h4,h5,h6{ line-height: 1.5; }
 28 | 
 29 | p{ line-height: 1.6; font-family: 'Maven Pro', sans-serif; font-weight: 400; color: #444; }
 30 | 
 31 | h1{ font-size: 4em; line-height: 1; }
 32 | h2{ font-size: 2.8em; line-height: 1.1; }
 33 | h3{ font-size: 2em; }
 34 | h4{ font-size: 1.2em; }
 35 | h5{ font-size: 1.1em; }
 36 | h6{ font-size: .9em; letter-spacing: 1px; }
 37 | 
 38 | a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; }
 39 | 
 40 | a:focus, a:active, a:hover,
 41 | button:focus, button:active, button:hover{ text-decoration: none; color: #498BF9; }
 42 | 
 43 | b{ font-weight: 500; }
 44 | 
 45 | img{ width: 100%; }
 46 | 
 47 | li{ list-style: none; display: inline-block; }
 48 | 
 49 | span{ display: inline-block; }
 50 | 
 51 | header{ font-weight: 400; }
 52 | 
 53 | 
 54 | 
 55 | /* ---------------------------------
 56 | 2. COMMONS FOR PAGE DESIGN
 57 | --------------------------------- */
 58 | 
 59 | .section{ padding: 70px 0 40px; }
 60 | 
 61 | .section .heading{ padding-bottom: 70px; }
 62 | 
 63 | .center-text{ text-align: center; } 
 64 | 
 65 | .color-white{ color: #fff; }
 66 | 
 67 | .display-table{ display: table; height: 100%; width: 100%; }
 68 | 
 69 | .display-table-cell{ display: table-cell; vertical-align: middle; }
 70 | 
 71 | .card{ background: transparent; border: 0; }
 72 | 
 73 | .no-side-padding{ padding-right: 0px; padding-left: 0px; }
 74 | 
 75 | .no-left-padding{ padding-left: 0px; }
 76 | 
 77 | .no-right-padding{ padding-right: 0px; }
 78 | 
 79 | .icon{ font-size: 2em; }
 80 | 
 81 | 
 82 | ::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }
 83 | 
 84 | ::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }
 85 | 
 86 | :-ms-input-placeholder { font-size: .9em; letter-spacing: 1px;  }
 87 | 
 88 | :-moz-placeholder { font-size: .9em; letter-spacing: 1px;  }
 89 | 
 90 | 
 91 | 
 92 | /* ---------------------------------
 93 | 3. MENU
 94 | --------------------------------- */
 95 | 
 96 | header{ overflow: hidden; background: #fff; box-shadow: 0px 2px 10px rgba(0,0,0, .3); }
 97 | 
 98 | header .logo{ float: left; height: 20px; margin: 20px 30px; }
 99 | 
100 | header .logo img{ height: 100%; width: auto; }
101 | 
102 | 
103 | header .main-menu{ display: inline-block; float: left; }
104 | 
105 | header .main-menu > li{ float: left; }
106 | 
107 | header .main-menu > li > a{ height: 60px; line-height: 60px; padding: 0 25px; border-right: 1px solid #eee; }
108 | 
109 | header .main-menu > li > a:hover{  background: #eee; }
110 | 
111 | header .main-menu > li:first-child > a{ border-left: 1px solid #eee; }
112 | 
113 | 
114 | header .visible.main-menu{ display: block; }
115 | 
116 | 
117 | 
118 | /* SEARCH AREA */
119 | 
120 | header .src-area{ position: relative; height: 60px; width: 50%; float: right; display: inline-block; background: #F5F7F6; }
121 | 
122 | header .src-area .src-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
123 | 	padding: 0 20px 0 70px; background: transparent; border: 0; outline: 0; }
124 | 
125 | header .src-area .src-input:focus{ box-shadow: 0px 0px 1px #aaa; }
126 | 
127 | header .src-area .src-btn{ position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: none; border: 0; 
128 | 	font-size: 1.2em; outline: 0; margin-left: 20px; opacity: .6; cursor: pointer; z-index: 10; }
129 | 
130 | 
131 | /* NAV ICON */
132 | 
133 | .menu-nav-icon{ display: none; height: 60px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; 
134 | 	position: absolute; right: 0; font-size: 1.8em; }
135 | 	
136 | 	
137 | 
138 | /* ---------------------------------
139 | 4. SLIDER
140 | --------------------------------- */
141 | 
142 | .slider{ height: 400px; width: 100%; background-image: url(../../images/category-1.jpg); background-size: cover; }  
143 |  
144 | .slider .title{ color: #fff; text-shadow: 2px 2px 10px rgba(0,0,0,.3); }
145 |  
146 |  
147 |  
148 | /* ---------------------------------
149 | 5. SINGLE POST
150 | --------------------------------- */
151 | 
152 | .blog-area .row div[class^="col"] { margin-bottom: 30px; }
153 | 
154 | .blog-area{ text-align: center; background: #EDF3F3; }
155 | 
156 | .blog-area .single-post{ height: 100%; position: relative; padding-bottom: 45px;
157 | 	overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,.1); border: 1px solid #ddd; background: #fff; }
158 | 
159 | .blog-area .single-post .title{ padding: 20px 30px 30px; }
160 | 
161 | .single-post .avatar{ margin: 0 auto; margin-top: -40px; width: 70px; height: 70px; overflow: hidden; z-index: 10;
162 | 	border-radius: 100px; position: relative; border: 7px solid #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
163 | 
164 | .single-post .post-footer{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
165 | 
166 | .single-post .post-footer > li{ width: 33.33%; display: inline-block; border-right: 1px solid #fff; background: #EDF3F3; }
167 | 
168 | .single-post .post-footer > li:first-child{ float: left; }
169 | 
170 | .single-post .post-footer > li:last-child{ border: 0px; float: right; }
171 | 
172 | .single-post .post-footer > li > a{ line-height: 45px; width: 100%; }
173 | 
174 | .single-post .post-footer i{ display: inline-block; margin-right: 10px; opacity: .6; font-size: 1.1em; }
175 | 
176 | 
177 | /* ---------------------------------
178 | 6. NORMAL BLOG
179 | --------------------------------- */
180 | 
181 | .post-style-1 .blog-image{ max-height: 200px; overflow: hidden; }
182 | 
183 | .load-more-btn{ padding: 15px 40px; margin: 10px 0 30px; transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,.4);
184 | 	background: #C3D8F5; }
185 | 
186 | .load-more-btn:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); } 
187 | 
188 | 
189 | 
190 | /* ---------------------------------
191 | 7. INFO AREA
192 | --------------------------------- */
193 | 
194 | .blog-area .info-area{ height: auto; text-align: left; padding: 40px 0px; }
195 | 
196 | .blog-area .info-area .title{ padding: 0; margin-bottom: 20px; }
197 | 
198 | 
199 | 
200 | /* ABOUT AREA */
201 | 
202 | .blog-area .info-area .about-area{ padding: 0 30px 30px; margin: 0 0 30px; border-bottom: 1px solid #eee; }
203 | 
204 | 
205 | 
206 | /* SUBSCRIBE AREA */
207 | 
208 | .info-area .subscribe-area{ padding: 0 30px 30px; margin: 0 0 30px; border-bottom: 1px solid #eee; }
209 | 
210 | .info-area .input-area{ position: relative; height: 50px; width: 100%; box-shadow: 0px 0px 1px #bbb; background: #F5F7F6; }
211 | 
212 | .info-area .input-area .email-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
213 | 	padding: 0 70px 0 20px; background: transparent; border: 0; outline: 0; }
214 | 
215 | .info-area .input-area .email-input:focus{ box-shadow: 0px 0px 1px #aaa; }
216 | 
217 | .info-area .input-area .submit-btn{ position: absolute; top: 0; bottom: 0; right: 0; width: 50px; background: none; 
218 | 	border: 0; outline: 0; font-size: 1.7em; margin-right: 10px; opacity: .8; cursor: pointer; }
219 | 
220 | 
221 | 
222 | /* TAG AREA */
223 | 
224 | .info-area .tag-area{ padding: 0 30px; }
225 | 
226 | .tag-area > ul > li > a{ padding: 7px 12px; float: left; margin: 0 5px 5px 0; border: 1px solid #eee; background: #F5F6F8; }
227 | 
228 | .tag-area > ul > li > a:hover{ background: none; }
229 | 
230 | 
231 | /* ---------------------------------
232 | 8. FOOTER
233 | --------------------------------- */
234 | 
235 | footer{ padding: 70px 0 30px; text-align: center; background: #fff; }
236 | 
237 | footer .footer-section{ margin-bottom: 40px; }
238 | 
239 | footer .footer-section .title{ margin-bottom: 20px; }
240 | 
241 | footer .footer-section ul > li{ margin: 0 5px; }
242 | 
243 | footer .copyright{ margin: 10px 0 20px; }
244 | 
245 | footer .icons > li > a{ height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; 
246 | 	transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,1); background: #498BF9; color: #fff; }
247 | 
248 | footer .icons > li > a:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); }
249 | 
250 | 


--------------------------------------------------------------------------------
/public/category/css/responsive.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Screens Resolution : 992px
  4 | -------------------------------------------------------------------------- */
  5 | @media only screen and (max-width: 1200px) {
  6 | 	
  7 | 	
  8 | }
  9 | 
 10 | /* Screens Resolution : 992px
 11 | -------------------------------------------------------------------------- */
 12 | @media only screen and (max-width: 992px) {
 13 | 	
 14 | 	/* ---------------------------------
 15 | 	1. PRIMARY STYLES
 16 | 	--------------------------------- */
 17 | 
 18 | 	h1{ font-size: 4em; }
 19 | 	h2{ font-size: 3em; }
 20 | 	h3{ font-size: 2em; }
 21 | 	
 22 | 	
 23 | 	/* COMMoNS */
 24 | 	
 25 | 	.no-left-padding{ padding-left: 15px; }
 26 | 
 27 | 	.no-right-padding{ padding-right: 15px; }
 28 | 
 29 | 	
 30 | 	/* MENU */
 31 | 	
 32 | 	/* SEARCH AREA */
 33 | 
 34 | 	header .src-area{ width: 30%; }
 35 | 
 36 | 
 37 | 	/* ---------------------------------
 38 | 	6. MAIN POST ( LEF AREA )
 39 | 	--------------------------------- */
 40 | 	
 41 | 	.main-post{ border-right: 0px ; }
 42 | 	
 43 | 	.main-post .blog-post-inner,
 44 | 	.main-post .post-icons-area{ padding-right: 0px; }
 45 | 	
 46 | 	
 47 | 	/* ---------------------------------
 48 | 	7. SIDEBAR AREA
 49 | 	--------------------------------- */
 50 | 	
 51 | 	.info-area{ padding: 30px 0; }
 52 | 	
 53 | 	.info-area .sidebar-area,
 54 | 	.info-area .tag-area{ padding-left: 0px; }
 55 | 
 56 | 	
 57 | }
 58 | 
 59 | 
 60 | /* Screens Resolution : 767px
 61 | -------------------------------------------------------------------------- */
 62 | @media only screen and (max-width: 767px) {
 63 | 	
 64 | 	/* ---------------------------------
 65 | 	1. PRIMARY STYLES
 66 | 	--------------------------------- */
 67 | 
 68 | 	p{ line-height: 1.4; }
 69 | 
 70 | 	h1{ font-size: 3em; }
 71 | 	h2{ font-size: 2.5em; }
 72 | 	h3{ font-size: 1.8em; }
 73 | 	h4{ font-size: 1.5em; }
 74 | 	h5{ font-size: 1.2em; }
 75 | 	
 76 | 	/* ---------------------------------
 77 | 	2. COMMONS FOR PAGE DESIGN
 78 | 	--------------------------------- */
 79 | 
 80 | 	.section{ padding: 40px 0 10px; }
 81 | 
 82 | 	
 83 | 
 84 | 	/* ---------------------------------
 85 | 	3. MENU
 86 | 	--------------------------------- */
 87 | 	
 88 | 	
 89 | 	header .main-menu{ display: none; float: none; clear: both; border-top: 1px solid #ccc; }
 90 | 	
 91 | 	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #ddd; }
 92 | 	
 93 | 	header .main-menu > li:last-child{ border-bottom: 0; }
 94 | 	
 95 | 	header .main-menu li > a,
 96 | 	header .main-menu ul.drop-down li > a{ display: block; line-height: 1; height: auto; padding: 15px; background: none; }
 97 | 	
 98 | 	
 99 | 	
100 | 	/* SEARCH AREA */
101 | 
102 | 	header .src-area{ width: 100%; }
103 | 	
104 | 	
105 | 	/* NAV ICON */
106 | 	
107 | 	.menu-nav-icon{ display: inline-block; }
108 | 	
109 | 	
110 | 	/* ---------------------------------
111 | 	10. FOOTER
112 | 	--------------------------------- */
113 | 
114 | 	footer{ padding: 40px 0 0px; margin-top: 0px; }
115 | 
116 | 	
117 | }
118 | 
119 | /* Screens Resolution : 479px
120 | -------------------------------------------------------------------------- */
121 | @media only screen and (max-width: 479px) {
122 | 
123 | 	/* ---------------------------------
124 | 	1. PRIMARY STYLES
125 | 	--------------------------------- */
126 | 
127 | 	body{ font-size: 14px;  }
128 | 	
129 | 	/* ---------------------------------
130 | 	6. MAIN POST ( LEF AREA )
131 | 	--------------------------------- */
132 | 
133 | 	/* ICONS */
134 | 
135 | 	.main-post ul.post-icons,
136 | 	.main-post ul.icons{ float: none; margin-top: 10px; }
137 | 	
138 | 	.main-post ul.post-icons > li > a > i,
139 | 	.main-post ul.icons > li > a > i{ padding: 0; padding-right: 10px; }
140 | 
141 | 
142 | 	
143 | }
144 | 
145 | /* Screens Resolution : 359px
146 | -------------------------------------------------------------------------- */
147 | @media only screen and (max-width: 359px) {
148 | 	
149 | 	
150 | }
151 | 
152 | /* Screens Resolution : 290px
153 | -------------------------------------------------------------------------- */
154 | @media only screen and (max-width: 290px) {
155 | 	
156 | 	
157 | }


--------------------------------------------------------------------------------
/public/category/css/styles.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /*
  3 | ====================================================
  4 | 
  5 | * 	[Master Stylesheet]
  6 | 	
  7 | 	Theme Name :  
  8 | 	Version    :  
  9 | 	Author     :  
 10 | 	Author URI :  
 11 | 
 12 | ====================================================
 13 | 
 14 | 
 15 | /* ---------------------------------
 16 | 1. PRIMARY STYLES
 17 | --------------------------------- */
 18 | 
 19 | html{ font-size: 100%; height: 100%;  overflow-x: hidden; touch-action: manipulation; }
 20 | 
 21 | body{ font-size: 15px; font-family: 'Roboto', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 300;
 22 | 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
 23 | 	background: #EDF3F3; color: #000; }
 24 | 
 25 | h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img{ margin: 0; padding: 0; font-weight: 300; }
 26 | 
 27 | h1,h2,h3,h4,h5,h6{ line-height: 1.5; }
 28 | 
 29 | p{ line-height: 1.6; font-family: 'Maven Pro', sans-serif; font-weight: 400; color: #444; }
 30 | 
 31 | h1{ font-size: 4em; line-height: 1; }
 32 | h2{ font-size: 2.8em; line-height: 1.1; }
 33 | h3{ font-size: 2em; }
 34 | h4{ font-size: 1.2em; }
 35 | h5{ font-size: 1.1em; }
 36 | h6{ font-size: .9em; letter-spacing: 1px; }
 37 | 
 38 | a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; }
 39 | 
 40 | a:focus, a:active, a:hover,
 41 | button:focus, button:active, button:hover{ text-decoration: none; color: #498BF9; }
 42 | 
 43 | b{ font-weight: 500; }
 44 | 
 45 | img{ width: 100%; }
 46 | 
 47 | li{ list-style: none; display: inline-block; }
 48 | 
 49 | span{ display: inline-block; }
 50 | 
 51 | header{ font-weight: 400; }
 52 | 
 53 | 
 54 | 
 55 | /* ---------------------------------
 56 | 2. COMMONS FOR PAGE DESIGN
 57 | --------------------------------- */
 58 | 
 59 | .section{ padding: 70px 0 40px; }
 60 | 
 61 | .section .heading{ padding-bottom: 70px; }
 62 | 
 63 | .center-text{ text-align: center; } 
 64 | 
 65 | .color-white{ color: #fff; }
 66 | 
 67 | .display-table{ display: table; height: 100%; width: 100%; }
 68 | 
 69 | .display-table-cell{ display: table-cell; vertical-align: middle; }
 70 | 
 71 | .card{ background: transparent; border: 0; }
 72 | 
 73 | .no-side-padding{ padding-right: 0px; padding-left: 0px; }
 74 | 
 75 | .no-left-padding{ padding-left: 0px; }
 76 | 
 77 | .no-right-padding{ padding-right: 0px; }
 78 | 
 79 | .icon{ font-size: 2em; }
 80 | 
 81 | 
 82 | ::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }
 83 | 
 84 | ::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }
 85 | 
 86 | :-ms-input-placeholder { font-size: .9em; letter-spacing: 1px;  }
 87 | 
 88 | :-moz-placeholder { font-size: .9em; letter-spacing: 1px;  }
 89 | 
 90 | 
 91 | 
 92 | /* ---------------------------------
 93 | 3. MENU
 94 | --------------------------------- */
 95 | 
 96 | header{ overflow: hidden; background: #fff; box-shadow: 0px 2px 10px rgba(0,0,0, .3); }
 97 | 
 98 | header .logo{ float: left; height: 20px; margin: 20px 30px; }
 99 | 
100 | header .logo img{ height: 100%; width: auto; }
101 | 
102 | 
103 | header .main-menu{ display: inline-block; float: left; }
104 | 
105 | header .main-menu > li{ float: left; }
106 | 
107 | header .main-menu > li > a{ height: 60px; line-height: 60px; padding: 0 25px; border-right: 1px solid #eee; }
108 | 
109 | header .main-menu > li > a:hover{  background: #eee; }
110 | 
111 | header .main-menu > li:first-child > a{ border-left: 1px solid #eee; }
112 | 
113 | 
114 | header .visible.main-menu{ display: block; }
115 | 
116 | 
117 | 
118 | /* SEARCH AREA */
119 | 
120 | header .src-area{ position: relative; height: 60px; width: 50%; float: right; display: inline-block; background: #F5F7F6; }
121 | 
122 | header .src-area .src-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
123 | 	padding: 0 20px 0 70px; background: transparent; border: 0; outline: 0; }
124 | 
125 | header .src-area .src-input:focus{ box-shadow: 0px 0px 1px #aaa; }
126 | 
127 | header .src-area .src-btn{ position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: none; border: 0; 
128 | 	font-size: 1.2em; outline: 0; margin-left: 20px; opacity: .6; cursor: pointer; z-index: 10; }
129 | 
130 | 
131 | /* NAV ICON */
132 | 
133 | .menu-nav-icon{ display: none; height: 60px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; 
134 | 	position: absolute; right: 0; font-size: 1.8em; }
135 | 
136 | 
137 | /* ---------------------------------
138 | 4. SLIDER
139 | --------------------------------- */
140 | 
141 | .slider{ height: 400px; width: 100%; background-image: url(../../images/category-1.jpg); background-size: cover; }  
142 |  
143 | .slider .title{ color: #fff; text-shadow: 2px 2px 10px rgba(0,0,0,.3); }
144 |  
145 |  
146 |  
147 | /* ---------------------------------
148 | 5. SINGLE POST
149 | --------------------------------- */
150 | 
151 | .blog-area .row div[class^="col"] { margin-bottom: 30px; }
152 | 
153 | .blog-area{ text-align: center; background: #EDF3F3; }
154 | 
155 | .blog-area .single-post{ height: 100%; position: relative; padding-bottom: 45px;
156 | 	overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,.1); border: 1px solid #ddd; background: #fff; }
157 | 
158 | .blog-area .single-post .title{ padding: 20px 30px 30px; }
159 | 
160 | .single-post .avatar{ margin: 0 auto; margin-top: -40px; width: 70px; height: 70px; overflow: hidden; z-index: 10;
161 | 	border-radius: 100px; position: relative; border: 7px solid #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
162 | 
163 | .single-post .post-footer{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
164 | 
165 | .single-post .post-footer > li{ width: 33.33%; display: inline-block; border-right: 1px solid #fff; background: #EDF3F3; }
166 | 
167 | .single-post .post-footer > li:first-child{ float: left; }
168 | 
169 | .single-post .post-footer > li:last-child{ border: 0px; float: right; }
170 | 
171 | .single-post .post-footer > li > a{ line-height: 45px; width: 100%; }
172 | 
173 | .single-post .post-footer i{ display: inline-block; margin-right: 10px; opacity: .6; font-size: 1.1em; }
174 | 
175 | 
176 | 
177 | /* ---------------------------------
178 | 6. NORMAL BLOG
179 | --------------------------------- */
180 | 
181 | .post-style-1 .blog-image{ max-height: 200px; overflow: hidden; }
182 | 
183 | 
184 | .load-more-btn{ padding: 15px 40px; margin: 10px 0 30px; transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,.4);
185 | 	background: #C3D8F5; }
186 | 
187 | .load-more-btn:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); } 
188 | 
189 | 
190 | 
191 | /* ---------------------------------
192 | 7. FOOTER
193 | --------------------------------- */
194 | 
195 | footer{ padding: 70px 0 30px; background: #fff; }
196 | 
197 | footer .footer-section{ margin-bottom: 40px; }
198 | 
199 | footer .footer-section .title{ margin-bottom: 20px; }
200 | 
201 | footer .footer-section ul > li{ margin-right: 10px; margin-top: 10px; }
202 | 
203 | footer .copyright{ margin: 10px 0 20px; }
204 | 
205 | footer .icons > li > a{ height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; 
206 | 	transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,1); background: #498BF9; color: #fff; }
207 | 
208 | footer .icons > li > a:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); }
209 | 
210 | footer .input-area{ position: relative; height: 50px; width: 100%; box-shadow: 0px 0px 1px #bbb; background: #F5F7F6; }
211 | 
212 | footer .input-area .email-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
213 | 	padding: 0 70px 0 20px; background: transparent; border: 0; outline: 0; }
214 | 
215 | footer .input-area .email-input:focus{ box-shadow: 0px 0px 1px #aaa; }
216 | 
217 | footer .input-area .submit-btn{ position: absolute; top: 0; bottom: 0; right: 0; width: 50px; background: none; 
218 | 	border: 0; outline: 0; margin-right: 10px; opacity: .8; cursor: pointer; transition: all .2s; }
219 | 
220 | 
221 | 
222 | 


--------------------------------------------------------------------------------
/public/common-js/scripts.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | (function ($) {
 4 | 
 5 |     "use strict";
 6 | 
 7 | 	enableSwiper();
 8 | 	
 9 | 	$('[data-nav-menu]').on('click', function(event){
10 | 		
11 | 		var $this = $(this),
12 | 			visibleHeadArea = $this.data('nav-menu');
13 | 		
14 | 		$(visibleHeadArea).toggleClass('visible');
15 | 		
16 | 	});
17 | 	
18 | 
19 | })(jQuery);
20 | 
21 | 
22 | function enableSwiper(){
23 | 	
24 | 	if ( isExists('.swiper-container') ) {
25 | 		
26 | 		$('.swiper-container').each(function (index) {
27 | 			
28 | 			var swiperDirection 			= $(this).data('swiper-direction'),
29 | 				swiperSlidePerView			= $(this).data('swiper-slides-per-view'),
30 | 				swiperBreakpoints			= $(this).data('swiper-breakpoints'),
31 | 				swiperSpeed					= $(this).data('swiper-speed'),
32 | 				swiperCrossFade				= $(this).data('swiper-crossfade'),
33 | 				swiperLoop					= $(this).data('swiper-loop'),
34 | 				swiperAutoplay 				= $(this).data('swiper-autoplay'),
35 | 				swiperMousewheelControl 	= $(this).data('swiper-wheel-control'),
36 | 				swipeSlidesPerview 			= $(this).data('slides-perview'),
37 | 				swiperMargin 				= parseInt($(this).data('swiper-margin')),
38 | 				swiperSlideEffect 			= $(this).data('slide-effect'),
39 | 				swiperAutoHeight 			= $(this).data('autoheight'),
40 | 				swiperScrollbar 			= ($(this).data('scrollbar') ? $(this).find('.swiper-scrollbar') : null);
41 | 				swiperScrollbar 			= (isExists(swiperScrollbar) ? swiperScrollbar : null);
42 | 				
43 | 			
44 | 			var swiper = new Swiper($(this)[0], {
45 | 				pagination			: $(this).find('.swiper-pagination'),
46 | 				
47 | 				
48 | 				slidesPerView		: ( swiperSlidePerView ? swiperSlidePerView : 1 ),
49 | 				direction			: ( swiperDirection ? swiperDirection : 'horizontal'),
50 | 				loop				: ( swiperLoop ? swiperLoop : false),
51 | 				nextButton			: '.swiper-button-next',
52 | 				prevButton			: '.swiper-button-prev',
53 | 				autoplay			: ( swiperAutoplay ? swiperAutoplay : false),
54 | 				paginationClickable	: true,
55 | 				spaceBetween		: ( swiperMargin ? swiperMargin : 0),
56 | 				mousewheelControl	: ( (swiperMousewheelControl) ? swiperMousewheelControl : false),
57 | 				scrollbar			: ( swiperScrollbar ? swiperScrollbar : null ),
58 | 				scrollbarHide		: false,
59 | 				speed				: ( swiperSpeed ? swiperSpeed : 1000 ),
60 | 				autoHeight			: ( (swiperAutoHeight == false) ? swiperAutoHeight : true ),
61 | 				effect				: ( swiperSlideEffect ? swiperSlideEffect : 'coverflow' ),
62 | 				fade				: { crossFade: swiperCrossFade ? swiperCrossFade : false },
63 | 				breakpoints			: {
64 | 											1200: { slidesPerView: swiperBreakpoints ? 3 : 1, },
65 | 											992: { slidesPerView: swiperBreakpoints ? 2 : 1, },
66 | 											580: { slidesPerView: 1, }
67 | 											
68 | 										},
69 | 			});
70 | 			
71 | 		});
72 | 		
73 | 	}
74 | }
75 | 
76 | function isExists(elem){
77 | 	if ($(elem).length > 0) { 
78 | 		return true;
79 | 	}
80 | 	return false;
81 | }


--------------------------------------------------------------------------------
/public/contact_form/css/main.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | 
  4 | 
  5 | /*//////////////////////////////////////////////////////////////////
  6 | [ FONT ]*/
  7 | 
  8 | @font-face {
  9 |   font-family: Montserrat-Regular;
 10 |   src: url('../fonts/montserrat/Montserrat-Regular.ttf'); 
 11 | }
 12 | 
 13 | @font-face {
 14 |   font-family: Montserrat-Bold;
 15 |   src: url('../fonts/montserrat/Montserrat-Bold.ttf'); 
 16 | }
 17 | 
 18 | @font-face {
 19 |   font-family: Montserrat-ExtraBold;
 20 |   src: url('../fonts/montserrat/Montserrat-ExtraBold.ttf'); 
 21 | }
 22 | 
 23 | @font-face {
 24 |   font-family: Montserrat-Medium;
 25 |   src: url('../fonts/montserrat/Montserrat-Medium.ttf'); 
 26 | }
 27 | 
 28 | 
 29 | 
 30 | /*//////////////////////////////////////////////////////////////////
 31 | [ RESTYLE TAG ]*/
 32 | 
 33 | * {
 34 | 	margin: 0px; 
 35 | 	padding: 0px; 
 36 | 	box-sizing: border-box;
 37 | }
 38 | 
 39 | body, html {
 40 | 	height: 100%;
 41 | 	font-family: Montserrat-Regular, sans-serif;
 42 | }
 43 | 
 44 | /*---------------------------------------------*/
 45 | a {
 46 | 	font-family: Montserrat-Regular;
 47 | 	font-size: 14px;
 48 | 	line-height: 1.7;
 49 | 	color: #666666;
 50 | 	margin: 0px;
 51 | 	transition: all 0.4s;
 52 | 	-webkit-transition: all 0.4s;
 53 |   -o-transition: all 0.4s;
 54 |   -moz-transition: all 0.4s;
 55 | }
 56 | 
 57 | a:focus {
 58 | 	outline: none !important;
 59 | }
 60 | 
 61 | a:hover {
 62 | 	text-decoration: none;
 63 | 	color: #57b846;
 64 | }
 65 | 
 66 | /*---------------------------------------------*/
 67 | h1,h2,h3,h4,h5,h6 {
 68 | 	margin: 0px;
 69 | }
 70 | 
 71 | p {
 72 | 	font-family: Montserrat-Regular;
 73 | 	font-size: 14px;
 74 | 	line-height: 1.7;
 75 | 	color: #666666;
 76 | 	margin: 0px;
 77 | }
 78 | 
 79 | ul, li {
 80 | 	margin: 0px;
 81 | 	list-style-type: none;
 82 | }
 83 | 
 84 | 
 85 | /*---------------------------------------------*/
 86 | input {
 87 | 	outline: none;
 88 | 	border: none;
 89 | }
 90 | 
 91 | textarea {
 92 |   outline: none;
 93 |   border: none;
 94 | }
 95 | 
 96 | textarea:focus, input:focus {
 97 |   border-color: transparent !important;
 98 | }
 99 | 
100 | input::-webkit-input-placeholder { color: #999999; }
101 | input:-moz-placeholder { color: #999999; }
102 | input::-moz-placeholder { color: #999999; }
103 | input:-ms-input-placeholder { color: #999999; }
104 | 
105 | textarea::-webkit-input-placeholder { color: #999999; }
106 | textarea:-moz-placeholder { color: #999999; }
107 | textarea::-moz-placeholder { color: #999999; }
108 | textarea:-ms-input-placeholder { color: #999999; }
109 | 
110 | /*---------------------------------------------*/
111 | button {
112 | 	outline: none !important;
113 | 	border: none;
114 | 	background: transparent;
115 | }
116 | 
117 | button:hover {
118 | 	cursor: pointer;
119 | }
120 | 
121 | iframe {
122 | 	border: none !important;
123 | }
124 | 
125 | 
126 | 
127 | 
128 | /*//////////////////////////////////////////////////////////////////
129 | [ Contact 1 ]*/
130 | 
131 | .contact1 {
132 |   width: 100%;
133 |   min-height: 100%;
134 |   padding: 15px;
135 | 
136 |   background: #009bff;
137 |   background: -webkit-linear-gradient(left, #0072ff, #00c6ff);
138 |   background: -o-linear-gradient(left, #0072ff, #00c6ff);
139 |   background: -moz-linear-gradient(left, #0072ff, #00c6ff);
140 |   background: linear-gradient(left, #0072ff, #00c6ff);
141 | 
142 |   display: -webkit-box;
143 |   display: -webkit-flex;
144 |   display: -moz-box;
145 |   display: -ms-flexbox;
146 |   display: flex;
147 |   flex-wrap: wrap;
148 |   justify-content: center;
149 |   align-items: center;
150 | }
151 | 
152 | .container-contact1 {
153 |   width: 1163px;
154 |   background: #fff;
155 |   border-radius: 10px;
156 |   overflow: hidden;
157 | 
158 |   display: -webkit-box;
159 |   display: -webkit-flex;
160 |   display: -moz-box;
161 |   display: -ms-flexbox;
162 |   display: flex;
163 |   flex-wrap: wrap;
164 |   justify-content: space-between;
165 |   align-items: center;
166 | 
167 |   padding: 90px 130px 88px 148px;
168 | }
169 | 
170 | /*------------------------------------------------------------------
171 | [  ]*/
172 | .contact1-pic {
173 |   width: 296px;
174 | }
175 | 
176 | .contact1-pic img {
177 |   max-width: 100%;
178 | }
179 | 
180 | 
181 | /*------------------------------------------------------------------
182 | [  ]*/
183 | .contact1-form {
184 |   width: 390px;
185 | }
186 | 
187 | .contact1-form-title {
188 |   display: block;
189 |   font-family: Montserrat-ExtraBold;
190 |   font-size: 24px;
191 |   color: #333333;
192 |   line-height: 1.2;
193 |   text-align: center;
194 |   padding-bottom: 44px;
195 | }
196 | 
197 | input.input1 {
198 |   height: 50px;
199 |   border-radius: 25px;
200 |   padding: 0 30px;
201 | }
202 | input.input1 + .shadow-input1 {
203 |   border-radius: 25px;
204 | }
205 | 
206 | textarea.input1 {
207 |   min-height: 150px;
208 |   border-radius: 25px;
209 |   padding: 12px 30px;
210 | }
211 | textarea.input1 + .shadow-input1 {
212 |   border-radius: 25px;
213 | }
214 | 
215 | /*---------------------------------------------*/
216 | .wrap-input1 {
217 |   position: relative;
218 |   width: 100%;
219 |   z-index: 1;
220 |   margin-bottom: 20px;
221 | }
222 | 
223 | .input1 {
224 |   display: block;
225 |   width: 100%;
226 |   background: #e6e6e6;
227 |   font-family: Montserrat-Bold;
228 |   font-size: 15px;
229 |   line-height: 1.5;
230 |   color: #666666;
231 | }
232 | 
233 | .shadow-input1 {
234 |   content: '';
235 |   display: block;
236 |   position: absolute;
237 |   bottom: 0;
238 |   left: 0;
239 |   z-index: -1;
240 |   width: 100%;
241 |   height: 100%;
242 |   box-shadow: 0px 0px 0px 0px;
243 |   color: rgba(87,184,70, 0.5);
244 | }
245 | 
246 | .input1:focus + .shadow-input1 {
247 |   -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
248 |   animation: anim-shadow 0.5s ease-in-out forwards;
249 | }
250 | 
251 | @-webkit-keyframes anim-shadow {
252 |   to {
253 |     box-shadow: 0px 0px 80px 30px;
254 |     opacity: 0;
255 |   }
256 | }
257 | 
258 | @keyframes anim-shadow {
259 |   to {
260 |     box-shadow: 0px 0px 80px 30px;
261 |     opacity: 0;
262 |   }
263 | }
264 | 
265 | /*---------------------------------------------*/
266 | .container-contact1-form-btn {
267 |   display: -webkit-box;
268 |   display: -webkit-flex;
269 |   display: -moz-box;
270 |   display: -ms-flexbox;
271 |   display: flex;
272 |   flex-wrap: wrap;
273 |   justify-content: center;
274 | }
275 | 
276 | .contact1-form-btn {
277 |   min-width: 193px;
278 |   height: 50px;
279 |   border-radius: 25px;
280 |   background: #57b846;
281 |   font-family: Montserrat-Bold;
282 |   font-size: 15px;
283 |   line-height: 1.5;
284 |   color: #fff;
285 |   display: -webkit-box;
286 |   display: -webkit-flex;
287 |   display: -moz-box;
288 |   display: -ms-flexbox;
289 |   display: flex;
290 |   justify-content: center;
291 |   align-items: center;
292 |   padding: 0 25px;
293 | 
294 |   -webkit-transition: all 0.4s;
295 |   -o-transition: all 0.4s;
296 |   -moz-transition: all 0.4s;
297 |   transition: all 0.4s;
298 | }
299 | 
300 | .contact1-form-btn i {
301 |   margin-left: 7px;
302 | 
303 |   -webkit-transition: all 0.4s;
304 |   -o-transition: all 0.4s;
305 |   -moz-transition: all 0.4s;
306 |   transition: all 0.4s;
307 | }
308 | 
309 | .contact1-form-btn:hover {
310 |   background: #333333;
311 | }
312 | 
313 | .contact1-form-btn:hover i {
314 |   -webkit-transform: translateX(10px);
315 |   -moz-transform: translateX(10px);
316 |   -ms-transform: translateX(10px);
317 |   -o-transform: translateX(10px);
318 |   transform: translateX(10px);
319 | }
320 | 
321 | 
322 | 
323 | 
324 | /*------------------------------------------------------------------
325 | [ Responsive ]*/
326 | 
327 | @media (max-width: 1200px) {
328 |   .contact1-pic {
329 |     width: 33.5%;
330 |   }
331 | 
332 |   .contact1-form {
333 |     width: 44%;
334 |   }
335 | }
336 | 
337 | @media (max-width: 992px) {
338 |   .container-contact1 {
339 |     padding: 90px 80px 88px 90px;
340 |   }
341 | 
342 |   .contact1-pic {
343 |     width: 35%;
344 |   }
345 | 
346 |   .contact1-form {
347 |     width: 55%;
348 |   }
349 | }
350 | 
351 | @media (max-width: 768px) {
352 |   .container-contact1 {
353 |     padding: 90px 80px 88px 80px;
354 |   }
355 | 
356 |   .contact1-pic {
357 |     display: none;
358 |   }
359 | 
360 |   .contact1-form {
361 |     width: 100%;
362 |   }
363 | }
364 | 
365 | @media (max-width: 576px) {
366 |   .container-contact1 {
367 |     padding: 90px 15px 88px 15px;
368 |   }
369 | }
370 | 
371 | 
372 | /*------------------------------------------------------------------
373 | [ Alert validate ]*/
374 | 
375 | .validate-input {
376 |   position: relative;
377 | }
378 | 
379 | .alert-validate::before {
380 |   content: attr(data-validate);
381 |   position: absolute;
382 |   max-width: 70%;
383 |   background-color: white;
384 |   border: 1px solid #c80000;
385 |   border-radius: 13px;
386 |   padding: 4px 25px 4px 10px;
387 |   top: 50%;
388 |   -webkit-transform: translateY(-50%);
389 |   -moz-transform: translateY(-50%);
390 |   -ms-transform: translateY(-50%);
391 |   -o-transform: translateY(-50%);
392 |   transform: translateY(-50%);
393 |   right: 8px;
394 |   pointer-events: none;
395 | 
396 |   font-family: Montserrat-Medium;
397 |   color: #c80000;
398 |   font-size: 13px;
399 |   line-height: 1.4;
400 |   text-align: left;
401 | 
402 |   visibility: hidden;
403 |   opacity: 0;
404 | 
405 |   -webkit-transition: opacity 0.4s;
406 |   -o-transition: opacity 0.4s;
407 |   -moz-transition: opacity 0.4s;
408 |   transition: opacity 0.4s;
409 | }
410 | 
411 | .alert-validate::after {
412 |   content: "\f06a";
413 |   font-family: FontAwesome;
414 |   display: block;
415 |   position: absolute;
416 |   color: #c80000;
417 |   font-size: 15px;
418 |   top: 50%;
419 |   -webkit-transform: translateY(-50%);
420 |   -moz-transform: translateY(-50%);
421 |   -ms-transform: translateY(-50%);
422 |   -o-transform: translateY(-50%);
423 |   transform: translateY(-50%);
424 |   right: 13px;
425 | }
426 | 
427 | .alert-validate:hover:before {
428 |   visibility: visible;
429 |   opacity: 1;
430 | }
431 | 
432 | @media (max-width: 992px) {
433 |   .alert-validate::before {
434 |     visibility: visible;
435 |     opacity: 1;
436 |   }
437 | }


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/HELP-US-OUT.txt:
--------------------------------------------------------------------------------
1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
2 | Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
3 | comprehensive icon sets or copy and paste your own.
4 | 
5 | Please. Check it out.
6 | 
7 | -Dave Gandy
8 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/font-awesome-4.7.0/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/animated.less:
--------------------------------------------------------------------------------
 1 | // Animated Icons
 2 | // --------------------------
 3 | 
 4 | .@{fa-css-prefix}-spin {
 5 |   -webkit-animation: fa-spin 2s infinite linear;
 6 |           animation: fa-spin 2s infinite linear;
 7 | }
 8 | 
 9 | .@{fa-css-prefix}-pulse {
10 |   -webkit-animation: fa-spin 1s infinite steps(8);
11 |           animation: fa-spin 1s infinite steps(8);
12 | }
13 | 
14 | @-webkit-keyframes fa-spin {
15 |   0% {
16 |     -webkit-transform: rotate(0deg);
17 |             transform: rotate(0deg);
18 |   }
19 |   100% {
20 |     -webkit-transform: rotate(359deg);
21 |             transform: rotate(359deg);
22 |   }
23 | }
24 | 
25 | @keyframes fa-spin {
26 |   0% {
27 |     -webkit-transform: rotate(0deg);
28 |             transform: rotate(0deg);
29 |   }
30 |   100% {
31 |     -webkit-transform: rotate(359deg);
32 |             transform: rotate(359deg);
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/bordered-pulled.less:
--------------------------------------------------------------------------------
 1 | // Bordered & Pulled
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-border {
 5 |   padding: .2em .25em .15em;
 6 |   border: solid .08em @fa-border-color;
 7 |   border-radius: .1em;
 8 | }
 9 | 
10 | .@{fa-css-prefix}-pull-left { float: left; }
11 | .@{fa-css-prefix}-pull-right { float: right; }
12 | 
13 | .@{fa-css-prefix} {
14 |   &.@{fa-css-prefix}-pull-left { margin-right: .3em; }
15 |   &.@{fa-css-prefix}-pull-right { margin-left: .3em; }
16 | }
17 | 
18 | /* Deprecated as of 4.4.0 */
19 | .pull-right { float: right; }
20 | .pull-left { float: left; }
21 | 
22 | .@{fa-css-prefix} {
23 |   &.pull-left { margin-right: .3em; }
24 |   &.pull-right { margin-left: .3em; }
25 | }
26 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/core.less:
--------------------------------------------------------------------------------
 1 | // Base Class Definition
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix} {
 5 |   display: inline-block;
 6 |   font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | 
12 | }
13 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/fixed-width.less:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .@{fa-css-prefix}-fw {
4 |   width: (18em / 14);
5 |   text-align: center;
6 | }
7 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/font-awesome.less:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 4 |  */
 5 | 
 6 | @import "variables.less";
 7 | @import "mixins.less";
 8 | @import "path.less";
 9 | @import "core.less";
10 | @import "larger.less";
11 | @import "fixed-width.less";
12 | @import "list.less";
13 | @import "bordered-pulled.less";
14 | @import "animated.less";
15 | @import "rotated-flipped.less";
16 | @import "stacked.less";
17 | @import "icons.less";
18 | @import "screen-reader.less";
19 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/larger.less:
--------------------------------------------------------------------------------
 1 | // Icon Sizes
 2 | // -------------------------
 3 | 
 4 | /* makes the font 33% larger relative to the icon container */
 5 | .@{fa-css-prefix}-lg {
 6 |   font-size: (4em / 3);
 7 |   line-height: (3em / 4);
 8 |   vertical-align: -15%;
 9 | }
10 | .@{fa-css-prefix}-2x { font-size: 2em; }
11 | .@{fa-css-prefix}-3x { font-size: 3em; }
12 | .@{fa-css-prefix}-4x { font-size: 4em; }
13 | .@{fa-css-prefix}-5x { font-size: 5em; }
14 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/list.less:
--------------------------------------------------------------------------------
 1 | // List Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-ul {
 5 |   padding-left: 0;
 6 |   margin-left: @fa-li-width;
 7 |   list-style-type: none;
 8 |   > li { position: relative; }
 9 | }
10 | .@{fa-css-prefix}-li {
11 |   position: absolute;
12 |   left: -@fa-li-width;
13 |   width: @fa-li-width;
14 |   top: (2em / 14);
15 |   text-align: center;
16 |   &.@{fa-css-prefix}-lg {
17 |     left: (-@fa-li-width + (4em / 14));
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/mixins.less:
--------------------------------------------------------------------------------
 1 | // Mixins
 2 | // --------------------------
 3 | 
 4 | .fa-icon() {
 5 |   display: inline-block;
 6 |   font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | 
12 | }
13 | 
14 | .fa-icon-rotate(@degrees, @rotation) {
15 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
16 |   -webkit-transform: rotate(@degrees);
17 |       -ms-transform: rotate(@degrees);
18 |           transform: rotate(@degrees);
19 | }
20 | 
21 | .fa-icon-flip(@horiz, @vert, @rotation) {
22 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
23 |   -webkit-transform: scale(@horiz, @vert);
24 |       -ms-transform: scale(@horiz, @vert);
25 |           transform: scale(@horiz, @vert);
26 | }
27 | 
28 | 
29 | // Only display content to screen readers. A la Bootstrap 4.
30 | //
31 | // See: http://a11yproject.com/posts/how-to-hide-content/
32 | 
33 | .sr-only() {
34 |   position: absolute;
35 |   width: 1px;
36 |   height: 1px;
37 |   padding: 0;
38 |   margin: -1px;
39 |   overflow: hidden;
40 |   clip: rect(0,0,0,0);
41 |   border: 0;
42 | }
43 | 
44 | // Use in conjunction with .sr-only to only display content when it's focused.
45 | //
46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
47 | //
48 | // Credit: HTML5 Boilerplate
49 | 
50 | .sr-only-focusable() {
51 |   &:active,
52 |   &:focus {
53 |     position: static;
54 |     width: auto;
55 |     height: auto;
56 |     margin: 0;
57 |     overflow: visible;
58 |     clip: auto;
59 |   }
60 | }
61 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/path.less:
--------------------------------------------------------------------------------
 1 | /* FONT PATH
 2 |  * -------------------------- */
 3 | 
 4 | @font-face {
 5 |   font-family: 'FontAwesome';
 6 |   src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
 7 |   src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
 8 |     url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
 9 |     url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
10 |     url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
11 |     url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
12 |   // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13 |   font-weight: normal;
14 |   font-style: normal;
15 | }
16 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/rotated-flipped.less:
--------------------------------------------------------------------------------
 1 | // Rotated & Flipped Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-rotate-90  { .fa-icon-rotate(90deg, 1);  }
 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
 7 | 
 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
 9 | .@{fa-css-prefix}-flip-vertical   { .fa-icon-flip(1, -1, 2); }
10 | 
11 | // Hook for IE8-9
12 | // -------------------------
13 | 
14 | :root .@{fa-css-prefix}-rotate-90,
15 | :root .@{fa-css-prefix}-rotate-180,
16 | :root .@{fa-css-prefix}-rotate-270,
17 | :root .@{fa-css-prefix}-flip-horizontal,
18 | :root .@{fa-css-prefix}-flip-vertical {
19 |   filter: none;
20 | }
21 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/screen-reader.less:
--------------------------------------------------------------------------------
1 | // Screen Readers
2 | // -------------------------
3 | 
4 | .sr-only { .sr-only(); }
5 | .sr-only-focusable { .sr-only-focusable(); }
6 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/less/stacked.less:
--------------------------------------------------------------------------------
 1 | // Stacked Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-stack {
 5 |   position: relative;
 6 |   display: inline-block;
 7 |   width: 2em;
 8 |   height: 2em;
 9 |   line-height: 2em;
10 |   vertical-align: middle;
11 | }
12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
13 |   position: absolute;
14 |   left: 0;
15 |   width: 100%;
16 |   text-align: center;
17 | }
18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; }
21 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_animated.scss:
--------------------------------------------------------------------------------
 1 | // Spinning Icons
 2 | // --------------------------
 3 | 
 4 | .#{$fa-css-prefix}-spin {
 5 |   -webkit-animation: fa-spin 2s infinite linear;
 6 |           animation: fa-spin 2s infinite linear;
 7 | }
 8 | 
 9 | .#{$fa-css-prefix}-pulse {
10 |   -webkit-animation: fa-spin 1s infinite steps(8);
11 |           animation: fa-spin 1s infinite steps(8);
12 | }
13 | 
14 | @-webkit-keyframes fa-spin {
15 |   0% {
16 |     -webkit-transform: rotate(0deg);
17 |             transform: rotate(0deg);
18 |   }
19 |   100% {
20 |     -webkit-transform: rotate(359deg);
21 |             transform: rotate(359deg);
22 |   }
23 | }
24 | 
25 | @keyframes fa-spin {
26 |   0% {
27 |     -webkit-transform: rotate(0deg);
28 |             transform: rotate(0deg);
29 |   }
30 |   100% {
31 |     -webkit-transform: rotate(359deg);
32 |             transform: rotate(359deg);
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_bordered-pulled.scss:
--------------------------------------------------------------------------------
 1 | // Bordered & Pulled
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-border {
 5 |   padding: .2em .25em .15em;
 6 |   border: solid .08em $fa-border-color;
 7 |   border-radius: .1em;
 8 | }
 9 | 
10 | .#{$fa-css-prefix}-pull-left { float: left; }
11 | .#{$fa-css-prefix}-pull-right { float: right; }
12 | 
13 | .#{$fa-css-prefix} {
14 |   &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
15 |   &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
16 | }
17 | 
18 | /* Deprecated as of 4.4.0 */
19 | .pull-right { float: right; }
20 | .pull-left { float: left; }
21 | 
22 | .#{$fa-css-prefix} {
23 |   &.pull-left { margin-right: .3em; }
24 |   &.pull-right { margin-left: .3em; }
25 | }
26 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_core.scss:
--------------------------------------------------------------------------------
 1 | // Base Class Definition
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix} {
 5 |   display: inline-block;
 6 |   font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | 
12 | }
13 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_fixed-width.scss:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .#{$fa-css-prefix}-fw {
4 |   width: (18em / 14);
5 |   text-align: center;
6 | }
7 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_larger.scss:
--------------------------------------------------------------------------------
 1 | // Icon Sizes
 2 | // -------------------------
 3 | 
 4 | /* makes the font 33% larger relative to the icon container */
 5 | .#{$fa-css-prefix}-lg {
 6 |   font-size: (4em / 3);
 7 |   line-height: (3em / 4);
 8 |   vertical-align: -15%;
 9 | }
10 | .#{$fa-css-prefix}-2x { font-size: 2em; }
11 | .#{$fa-css-prefix}-3x { font-size: 3em; }
12 | .#{$fa-css-prefix}-4x { font-size: 4em; }
13 | .#{$fa-css-prefix}-5x { font-size: 5em; }
14 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_list.scss:
--------------------------------------------------------------------------------
 1 | // List Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-ul {
 5 |   padding-left: 0;
 6 |   margin-left: $fa-li-width;
 7 |   list-style-type: none;
 8 |   > li { position: relative; }
 9 | }
10 | .#{$fa-css-prefix}-li {
11 |   position: absolute;
12 |   left: -$fa-li-width;
13 |   width: $fa-li-width;
14 |   top: (2em / 14);
15 |   text-align: center;
16 |   &.#{$fa-css-prefix}-lg {
17 |     left: -$fa-li-width + (4em / 14);
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_mixins.scss:
--------------------------------------------------------------------------------
 1 | // Mixins
 2 | // --------------------------
 3 | 
 4 | @mixin fa-icon() {
 5 |   display: inline-block;
 6 |   font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | 
12 | }
13 | 
14 | @mixin fa-icon-rotate($degrees, $rotation) {
15 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
16 |   -webkit-transform: rotate($degrees);
17 |       -ms-transform: rotate($degrees);
18 |           transform: rotate($degrees);
19 | }
20 | 
21 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
22 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
23 |   -webkit-transform: scale($horiz, $vert);
24 |       -ms-transform: scale($horiz, $vert);
25 |           transform: scale($horiz, $vert);
26 | }
27 | 
28 | 
29 | // Only display content to screen readers. A la Bootstrap 4.
30 | //
31 | // See: http://a11yproject.com/posts/how-to-hide-content/
32 | 
33 | @mixin sr-only {
34 |   position: absolute;
35 |   width: 1px;
36 |   height: 1px;
37 |   padding: 0;
38 |   margin: -1px;
39 |   overflow: hidden;
40 |   clip: rect(0,0,0,0);
41 |   border: 0;
42 | }
43 | 
44 | // Use in conjunction with .sr-only to only display content when it's focused.
45 | //
46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
47 | //
48 | // Credit: HTML5 Boilerplate
49 | 
50 | @mixin sr-only-focusable {
51 |   &:active,
52 |   &:focus {
53 |     position: static;
54 |     width: auto;
55 |     height: auto;
56 |     margin: 0;
57 |     overflow: visible;
58 |     clip: auto;
59 |   }
60 | }
61 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_path.scss:
--------------------------------------------------------------------------------
 1 | /* FONT PATH
 2 |  * -------------------------- */
 3 | 
 4 | @font-face {
 5 |   font-family: 'FontAwesome';
 6 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
 7 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
 8 |     url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
 9 |     url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
10 |     url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
11 |     url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
12 | //  src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13 |   font-weight: normal;
14 |   font-style: normal;
15 | }
16 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_rotated-flipped.scss:
--------------------------------------------------------------------------------
 1 | // Rotated & Flipped Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
 7 | 
 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
 9 | .#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
10 | 
11 | // Hook for IE8-9
12 | // -------------------------
13 | 
14 | :root .#{$fa-css-prefix}-rotate-90,
15 | :root .#{$fa-css-prefix}-rotate-180,
16 | :root .#{$fa-css-prefix}-rotate-270,
17 | :root .#{$fa-css-prefix}-flip-horizontal,
18 | :root .#{$fa-css-prefix}-flip-vertical {
19 |   filter: none;
20 | }
21 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_screen-reader.scss:
--------------------------------------------------------------------------------
1 | // Screen Readers
2 | // -------------------------
3 | 
4 | .sr-only { @include sr-only(); }
5 | .sr-only-focusable { @include sr-only-focusable(); }
6 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/_stacked.scss:
--------------------------------------------------------------------------------
 1 | // Stacked Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-stack {
 5 |   position: relative;
 6 |   display: inline-block;
 7 |   width: 2em;
 8 |   height: 2em;
 9 |   line-height: 2em;
10 |   vertical-align: middle;
11 | }
12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
13 |   position: absolute;
14 |   left: 0;
15 |   width: 100%;
16 |   text-align: center;
17 | }
18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; }
21 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/font-awesome-4.7.0/scss/font-awesome.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 4 |  */
 5 | 
 6 | @import "variables";
 7 | @import "mixins";
 8 | @import "path";
 9 | @import "core";
10 | @import "larger";
11 | @import "fixed-width";
12 | @import "list";
13 | @import "bordered-pulled";
14 | @import "animated";
15 | @import "rotated-flipped";
16 | @import "stacked";
17 | @import "icons";
18 | @import "screen-reader";
19 | 


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-Black.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-Black.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-BlackItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-BlackItalic.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-Bold.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-BoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-BoldItalic.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-ExtraBold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-ExtraBold.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-ExtraBoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-ExtraBoldItalic.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-ExtraLight.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-ExtraLight.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-ExtraLightItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-ExtraLightItalic.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-Italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-Italic.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-Light.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-Light.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-LightItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-LightItalic.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-Medium.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-MediumItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-MediumItalic.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-Regular.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-SemiBold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-SemiBold.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-SemiBoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-SemiBoldItalic.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-Thin.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-Thin.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/Montserrat-ThinItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/fonts/montserrat/Montserrat-ThinItalic.ttf


--------------------------------------------------------------------------------
/public/contact_form/fonts/montserrat/OFL.txt:
--------------------------------------------------------------------------------
 1 | Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
 2 | 
 3 | This Font Software is licensed under the SIL Open Font License, Version 1.1.
 4 | This license is copied below, and is also available with a FAQ at:
 5 | http://scripts.sil.org/OFL
 6 | 
 7 | 
 8 | -----------------------------------------------------------
 9 | SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10 | -----------------------------------------------------------
11 | 
12 | PREAMBLE
13 | The goals of the Open Font License (OFL) are to stimulate worldwide
14 | development of collaborative font projects, to support the font creation
15 | efforts of academic and linguistic communities, and to provide a free and
16 | open framework in which fonts may be shared and improved in partnership
17 | with others.
18 | 
19 | The OFL allows the licensed fonts to be used, studied, modified and
20 | redistributed freely as long as they are not sold by themselves. The
21 | fonts, including any derivative works, can be bundled, embedded, 
22 | redistributed and/or sold with any software provided that any reserved
23 | names are not used by derivative works. The fonts and derivatives,
24 | however, cannot be released under any other type of license. The
25 | requirement for fonts to remain under this license does not apply
26 | to any document created using the fonts or their derivatives.
27 | 
28 | DEFINITIONS
29 | "Font Software" refers to the set of files released by the Copyright
30 | Holder(s) under this license and clearly marked as such. This may
31 | include source files, build scripts and documentation.
32 | 
33 | "Reserved Font Name" refers to any names specified as such after the
34 | copyright statement(s).
35 | 
36 | "Original Version" refers to the collection of Font Software components as
37 | distributed by the Copyright Holder(s).
38 | 
39 | "Modified Version" refers to any derivative made by adding to, deleting,
40 | or substituting -- in part or in whole -- any of the components of the
41 | Original Version, by changing formats or by porting the Font Software to a
42 | new environment.
43 | 
44 | "Author" refers to any designer, engineer, programmer, technical
45 | writer or other person who contributed to the Font Software.
46 | 
47 | PERMISSION & CONDITIONS
48 | Permission is hereby granted, free of charge, to any person obtaining
49 | a copy of the Font Software, to use, study, copy, merge, embed, modify,
50 | redistribute, and sell modified and unmodified copies of the Font
51 | Software, subject to the following conditions:
52 | 
53 | 1) Neither the Font Software nor any of its individual components,
54 | in Original or Modified Versions, may be sold by itself.
55 | 
56 | 2) Original or Modified Versions of the Font Software may be bundled,
57 | redistributed and/or sold with any software, provided that each copy
58 | contains the above copyright notice and this license. These can be
59 | included either as stand-alone text files, human-readable headers or
60 | in the appropriate machine-readable metadata fields within text or
61 | binary files as long as those fields can be easily viewed by the user.
62 | 
63 | 3) No Modified Version of the Font Software may use the Reserved Font
64 | Name(s) unless explicit written permission is granted by the corresponding
65 | Copyright Holder. This restriction only applies to the primary font name as
66 | presented to the users.
67 | 
68 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69 | Software shall not be used to promote, endorse or advertise any
70 | Modified Version, except to acknowledge the contribution(s) of the
71 | Copyright Holder(s) and the Author(s) or with their explicit written
72 | permission.
73 | 
74 | 5) The Font Software, modified or unmodified, in part or in whole,
75 | must be distributed entirely under this license, and must not be
76 | distributed under any other license. The requirement for fonts to
77 | remain under this license does not apply to any document created
78 | using the Font Software.
79 | 
80 | TERMINATION
81 | This license becomes null and void if any of the above conditions are
82 | not met.
83 | 
84 | DISCLAIMER
85 | THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88 | OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89 | COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90 | INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91 | DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92 | FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93 | OTHER DEALINGS IN THE FONT SOFTWARE.
94 | 


--------------------------------------------------------------------------------
/public/contact_form/images/icons/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/images/icons/favicon.ico


--------------------------------------------------------------------------------
/public/contact_form/images/img-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/images/img-01.png


--------------------------------------------------------------------------------
/public/contact_form/images/laptop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/contact_form/images/laptop.png


--------------------------------------------------------------------------------
/public/contact_form/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 | 	<title>Contact V1</title>
  5 | 	<meta charset="UTF-8">
  6 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  7 | <!--===============================================================================================-->
  8 | 	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
  9 | <!--===============================================================================================-->
 10 | 	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
 11 | <!--===============================================================================================-->
 12 | 	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
 13 | <!--===============================================================================================-->
 14 | 	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
 15 | <!--===============================================================================================-->
 16 | 	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
 17 | <!--===============================================================================================-->
 18 | 	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
 19 | <!--===============================================================================================-->
 20 | 	<link rel="stylesheet" type="text/css" href="css/util.css">
 21 | 	<link rel="stylesheet" type="text/css" href="css/main.css">
 22 | <!--===============================================================================================-->
 23 | </head>
 24 | <body>
 25 | 
 26 | 	<div class="contact1">
 27 | 		<div class="container-contact1">
 28 | 			<div class="contact1-pic js-tilt" data-tilt>
 29 | 				<img src="images/img-01.png" alt="IMG">
 30 | 			</div>
 31 | 
 32 | 			<form class="contact1-form validate-form">
 33 | 				<span class="contact1-form-title">
 34 | 					Get in touch
 35 | 				</span>
 36 | 
 37 | 				<div class="wrap-input1 validate-input" data-validate = "Name is required">
 38 | 					<input class="input1" type="text" name="name" placeholder="Name">
 39 | 					<span class="shadow-input1"></span>
 40 | 				</div>
 41 | 
 42 | 				<div class="wrap-input1 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
 43 | 					<input class="input1" type="text" name="email" placeholder="Email">
 44 | 					<span class="shadow-input1"></span>
 45 | 				</div>
 46 | 
 47 | 				<div class="wrap-input1 validate-input" data-validate = "Subject is required">
 48 | 					<input class="input1" type="text" name="subject" placeholder="Subject">
 49 | 					<span class="shadow-input1"></span>
 50 | 				</div>
 51 | 
 52 | 				<div class="wrap-input1 validate-input" data-validate = "Message is required">
 53 | 					<textarea class="input1" name="message" placeholder="Message"></textarea>
 54 | 					<span class="shadow-input1"></span>
 55 | 				</div>
 56 | 
 57 | 				<div class="container-contact1-form-btn">
 58 | 					<button class="contact1-form-btn">
 59 | 						<span>
 60 | 							Send Email
 61 | 							<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
 62 | 						</span>
 63 | 					</button>
 64 | 				</div>
 65 | 			</form>
 66 | 		</div>
 67 | 	</div>
 68 | 
 69 | 
 70 | 
 71 | 
 72 | <!--===============================================================================================-->
 73 | 	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
 74 | <!--===============================================================================================-->
 75 | 	<script src="vendor/bootstrap/js/popper.js"></script>
 76 | 	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
 77 | <!--===============================================================================================-->
 78 | 	<script src="vendor/select2/select2.min.js"></script>
 79 | <!--===============================================================================================-->
 80 | 	<script src="vendor/tilt/tilt.jquery.min.js"></script>
 81 | 	<script >
 82 | 		$('.js-tilt').tilt({
 83 | 			scale: 1.1
 84 | 		})
 85 | 	</script>
 86 | 
 87 | <!-- Global site tag (gtag.js) - Google Analytics -->
 88 | <script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
 89 | <script>
 90 |   window.dataLayer = window.dataLayer || [];
 91 |   function gtag(){dataLayer.push(arguments);}
 92 |   gtag('js', new Date());
 93 | 
 94 |   gtag('config', 'UA-23581568-13');
 95 | </script>
 96 | 
 97 | <!--===============================================================================================-->
 98 | 	<script src="js/main.js"></script>
 99 | 
100 | </body>
101 | </html>
102 | 


--------------------------------------------------------------------------------
/public/contact_form/js/main.js:
--------------------------------------------------------------------------------
 1 | 
 2 | (function ($) {
 3 |     "use strict";
 4 | 
 5 |     
 6 |     /*==================================================================
 7 |     [ Validate ]*/
 8 |     var name = $('.validate-input input[name="name"]');
 9 |     var email = $('.validate-input input[name="email"]');
10 |     var subject = $('.validate-input input[name="subject"]');
11 |     var message = $('.validate-input textarea[name="message"]');
12 | 
13 | 
14 |     $('.validate-form').on('submit',function(){
15 |         var check = true;
16 | 
17 |         if($(name).val().trim() == ''){
18 |             showValidate(name);
19 |             check=false;
20 |         }
21 | 
22 |         if($(subject).val().trim() == ''){
23 |             showValidate(subject);
24 |             check=false;
25 |         }
26 | 
27 | 
28 |         if($(email).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null) {
29 |             showValidate(email);
30 |             check=false;
31 |         }
32 | 
33 |         if($(message).val().trim() == ''){
34 |             showValidate(message);
35 |             check=false;
36 |         }
37 | 
38 |         return check;
39 |     });
40 | 
41 | 
42 |     $('.validate-form .input1').each(function(){
43 |         $(this).focus(function(){
44 |            hideValidate(this);
45 |        });
46 |     });
47 | 
48 |     function showValidate(input) {
49 |         var thisAlert = $(input).parent();
50 | 
51 |         $(thisAlert).addClass('alert-validate');
52 |     }
53 | 
54 |     function hideValidate(input) {
55 |         var thisAlert = $(input).parent();
56 | 
57 |         $(thisAlert).removeClass('alert-validate');
58 |     }
59 |     
60 |     
61 | 
62 | })(jQuery);


--------------------------------------------------------------------------------
/public/contact_form/vendor/bootstrap/css/bootstrap-reboot.css:
--------------------------------------------------------------------------------
  1 | html {
  2 |   box-sizing: border-box;
  3 |   font-family: sans-serif;
  4 |   line-height: 1.15;
  5 |   -webkit-text-size-adjust: 100%;
  6 |   -ms-text-size-adjust: 100%;
  7 |   -ms-overflow-style: scrollbar;
  8 |   -webkit-tap-highlight-color: transparent;
  9 | }
 10 | 
 11 | *,
 12 | *::before,
 13 | *::after {
 14 |   box-sizing: inherit;
 15 | }
 16 | 
 17 | @-ms-viewport {
 18 |   width: device-width;
 19 | }
 20 | 
 21 | article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
 22 |   display: block;
 23 | }
 24 | 
 25 | body {
 26 |   margin: 0;
 27 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 28 |   font-size: 1rem;
 29 |   font-weight: normal;
 30 |   line-height: 1.5;
 31 |   color: #212529;
 32 |   background-color: #fff;
 33 | }
 34 | 
 35 | [tabindex="-1"]:focus {
 36 |   outline: none !important;
 37 | }
 38 | 
 39 | hr {
 40 |   box-sizing: content-box;
 41 |   height: 0;
 42 |   overflow: visible;
 43 | }
 44 | 
 45 | h1, h2, h3, h4, h5, h6 {
 46 |   margin-top: 0;
 47 |   margin-bottom: .5rem;
 48 | }
 49 | 
 50 | p {
 51 |   margin-top: 0;
 52 |   margin-bottom: 1rem;
 53 | }
 54 | 
 55 | abbr[title],
 56 | abbr[data-original-title] {
 57 |   text-decoration: underline;
 58 |   -webkit-text-decoration: underline dotted;
 59 |           text-decoration: underline dotted;
 60 |   cursor: help;
 61 |   border-bottom: 0;
 62 | }
 63 | 
 64 | address {
 65 |   margin-bottom: 1rem;
 66 |   font-style: normal;
 67 |   line-height: inherit;
 68 | }
 69 | 
 70 | ol,
 71 | ul,
 72 | dl {
 73 |   margin-top: 0;
 74 |   margin-bottom: 1rem;
 75 | }
 76 | 
 77 | ol ol,
 78 | ul ul,
 79 | ol ul,
 80 | ul ol {
 81 |   margin-bottom: 0;
 82 | }
 83 | 
 84 | dt {
 85 |   font-weight: bold;
 86 | }
 87 | 
 88 | dd {
 89 |   margin-bottom: .5rem;
 90 |   margin-left: 0;
 91 | }
 92 | 
 93 | blockquote {
 94 |   margin: 0 0 1rem;
 95 | }
 96 | 
 97 | dfn {
 98 |   font-style: italic;
 99 | }
100 | 
101 | b,
102 | strong {
103 |   font-weight: bolder;
104 | }
105 | 
106 | small {
107 |   font-size: 80%;
108 | }
109 | 
110 | sub,
111 | sup {
112 |   position: relative;
113 |   font-size: 75%;
114 |   line-height: 0;
115 |   vertical-align: baseline;
116 | }
117 | 
118 | sub {
119 |   bottom: -.25em;
120 | }
121 | 
122 | sup {
123 |   top: -.5em;
124 | }
125 | 
126 | a {
127 |   color: #007bff;
128 |   text-decoration: none;
129 |   background-color: transparent;
130 |   -webkit-text-decoration-skip: objects;
131 | }
132 | 
133 | a:hover {
134 |   color: #0056b3;
135 |   text-decoration: underline;
136 | }
137 | 
138 | a:not([href]):not([tabindex]) {
139 |   color: inherit;
140 |   text-decoration: none;
141 | }
142 | 
143 | a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
144 |   color: inherit;
145 |   text-decoration: none;
146 | }
147 | 
148 | a:not([href]):not([tabindex]):focus {
149 |   outline: 0;
150 | }
151 | 
152 | pre,
153 | code,
154 | kbd,
155 | samp {
156 |   font-family: monospace, monospace;
157 |   font-size: 1em;
158 | }
159 | 
160 | pre {
161 |   margin-top: 0;
162 |   margin-bottom: 1rem;
163 |   overflow: auto;
164 | }
165 | 
166 | figure {
167 |   margin: 0 0 1rem;
168 | }
169 | 
170 | img {
171 |   vertical-align: middle;
172 |   border-style: none;
173 | }
174 | 
175 | svg:not(:root) {
176 |   overflow: hidden;
177 | }
178 | 
179 | a,
180 | area,
181 | button,
182 | [role="button"],
183 | input,
184 | label,
185 | select,
186 | summary,
187 | textarea {
188 |   -ms-touch-action: manipulation;
189 |       touch-action: manipulation;
190 | }
191 | 
192 | table {
193 |   border-collapse: collapse;
194 | }
195 | 
196 | caption {
197 |   padding-top: 0.75rem;
198 |   padding-bottom: 0.75rem;
199 |   color: #868e96;
200 |   text-align: left;
201 |   caption-side: bottom;
202 | }
203 | 
204 | th {
205 |   text-align: left;
206 | }
207 | 
208 | label {
209 |   display: inline-block;
210 |   margin-bottom: .5rem;
211 | }
212 | 
213 | button:focus {
214 |   outline: 1px dotted;
215 |   outline: 5px auto -webkit-focus-ring-color;
216 | }
217 | 
218 | input,
219 | button,
220 | select,
221 | optgroup,
222 | textarea {
223 |   margin: 0;
224 |   font-family: inherit;
225 |   font-size: inherit;
226 |   line-height: inherit;
227 | }
228 | 
229 | button,
230 | input {
231 |   overflow: visible;
232 | }
233 | 
234 | button,
235 | select {
236 |   text-transform: none;
237 | }
238 | 
239 | button,
240 | html [type="button"],
241 | [type="reset"],
242 | [type="submit"] {
243 |   -webkit-appearance: button;
244 | }
245 | 
246 | button::-moz-focus-inner,
247 | [type="button"]::-moz-focus-inner,
248 | [type="reset"]::-moz-focus-inner,
249 | [type="submit"]::-moz-focus-inner {
250 |   padding: 0;
251 |   border-style: none;
252 | }
253 | 
254 | input[type="radio"],
255 | input[type="checkbox"] {
256 |   box-sizing: border-box;
257 |   padding: 0;
258 | }
259 | 
260 | input[type="date"],
261 | input[type="time"],
262 | input[type="datetime-local"],
263 | input[type="month"] {
264 |   -webkit-appearance: listbox;
265 | }
266 | 
267 | textarea {
268 |   overflow: auto;
269 |   resize: vertical;
270 | }
271 | 
272 | fieldset {
273 |   min-width: 0;
274 |   padding: 0;
275 |   margin: 0;
276 |   border: 0;
277 | }
278 | 
279 | legend {
280 |   display: block;
281 |   width: 100%;
282 |   max-width: 100%;
283 |   padding: 0;
284 |   margin-bottom: .5rem;
285 |   font-size: 1.5rem;
286 |   line-height: inherit;
287 |   color: inherit;
288 |   white-space: normal;
289 | }
290 | 
291 | progress {
292 |   vertical-align: baseline;
293 | }
294 | 
295 | [type="number"]::-webkit-inner-spin-button,
296 | [type="number"]::-webkit-outer-spin-button {
297 |   height: auto;
298 | }
299 | 
300 | [type="search"] {
301 |   outline-offset: -2px;
302 |   -webkit-appearance: none;
303 | }
304 | 
305 | [type="search"]::-webkit-search-cancel-button,
306 | [type="search"]::-webkit-search-decoration {
307 |   -webkit-appearance: none;
308 | }
309 | 
310 | ::-webkit-file-upload-button {
311 |   font: inherit;
312 |   -webkit-appearance: button;
313 | }
314 | 
315 | output {
316 |   display: inline-block;
317 | }
318 | 
319 | summary {
320 |   display: list-item;
321 | }
322 | 
323 | template {
324 |   display: none;
325 | }
326 | 
327 | [hidden] {
328 |   display: none !important;
329 | }
330 | /*# sourceMappingURL=bootstrap-reboot.css.map */


--------------------------------------------------------------------------------
/public/contact_form/vendor/bootstrap/css/bootstrap-reboot.min.css:
--------------------------------------------------------------------------------
1 | html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:inherit}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}
2 | /*# sourceMappingURL=bootstrap-reboot.min.css.map */


--------------------------------------------------------------------------------
/public/contact_form/vendor/tilt/tilt.jquery.min.js:
--------------------------------------------------------------------------------
1 | "use strict";var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};!function(t){"function"==typeof define&&define.amd?define(["jquery"],t):"object"===("undefined"==typeof module?"undefined":_typeof(module))&&module.exports?module.exports=function(i,s){return void 0===s&&(s="undefined"!=typeof window?require("jquery"):require("jquery")(i)),t(s),s}:t(jQuery)}(function(t){return t.fn.tilt=function(i){var s=function(){this.ticking||(requestAnimationFrame(g.bind(this)),this.ticking=!0)},e=function(){var i=this;t(this).on("mousemove",o),t(this).on("mouseenter",a),this.settings.reset&&t(this).on("mouseleave",l),this.settings.glare&&t(window).on("resize",d.bind(i))},n=function(){var i=this;void 0!==this.timeout&&clearTimeout(this.timeout),t(this).css({transition:this.settings.speed+"ms "+this.settings.easing}),this.settings.glare&&this.glareElement.css({transition:"opacity "+this.settings.speed+"ms "+this.settings.easing}),this.timeout=setTimeout(function(){t(i).css({transition:""}),i.settings.glare&&i.glareElement.css({transition:""})},this.settings.speed)},a=function(i){this.ticking=!1,t(this).css({"will-change":"transform"}),n.call(this),t(this).trigger("tilt.mouseEnter")},r=function(i){return"undefined"==typeof i&&(i={pageX:t(this).offset().left+t(this).outerWidth()/2,pageY:t(this).offset().top+t(this).outerHeight()/2}),{x:i.pageX,y:i.pageY}},o=function(t){this.mousePositions=r(t),s.call(this)},l=function(){n.call(this),this.reset=!0,s.call(this),t(this).trigger("tilt.mouseLeave")},h=function(){var i=t(this).outerWidth(),s=t(this).outerHeight(),e=t(this).offset().left,n=t(this).offset().top,a=(this.mousePositions.x-e)/i,r=(this.mousePositions.y-n)/s,o=(this.settings.maxTilt/2-a*this.settings.maxTilt).toFixed(2),l=(r*this.settings.maxTilt-this.settings.maxTilt/2).toFixed(2),h=Math.atan2(this.mousePositions.x-(e+i/2),-(this.mousePositions.y-(n+s/2)))*(180/Math.PI);return{tiltX:o,tiltY:l,percentageX:100*a,percentageY:100*r,angle:h}},g=function(){return this.transforms=h.call(this),this.reset?(this.reset=!1,t(this).css("transform","perspective("+this.settings.perspective+"px) rotateX(0deg) rotateY(0deg)"),void(this.settings.glare&&(this.glareElement.css("transform","rotate(180deg) translate(-50%, -50%)"),this.glareElement.css("opacity","0")))):(t(this).css("transform","perspective("+this.settings.perspective+"px) rotateX("+("x"===this.settings.disableAxis?0:this.transforms.tiltY)+"deg) rotateY("+("y"===this.settings.disableAxis?0:this.transforms.tiltX)+"deg) scale3d("+this.settings.scale+","+this.settings.scale+","+this.settings.scale+")"),this.settings.glare&&(this.glareElement.css("transform","rotate("+this.transforms.angle+"deg) translate(-50%, -50%)"),this.glareElement.css("opacity",""+this.transforms.percentageY*this.settings.maxGlare/100)),t(this).trigger("change",[this.transforms]),void(this.ticking=!1))},c=function(){var i=this.settings.glarePrerender;if(i||t(this).append('<div class="js-tilt-glare"><div class="js-tilt-glare-inner"></div></div>'),this.glareElementWrapper=t(this).find(".js-tilt-glare"),this.glareElement=t(this).find(".js-tilt-glare-inner"),!i){var s={position:"absolute",top:"0",left:"0",width:"100%",height:"100%"};this.glareElementWrapper.css(s).css({overflow:"hidden","pointer-events":"none"}),this.glareElement.css({position:"absolute",top:"50%",left:"50%","background-image":"linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)",width:""+2*t(this).outerWidth(),height:""+2*t(this).outerWidth(),transform:"rotate(180deg) translate(-50%, -50%)","transform-origin":"0% 0%",opacity:"0"})}},d=function(){this.glareElement.css({width:""+2*t(this).outerWidth(),height:""+2*t(this).outerWidth()})};return t.fn.tilt.destroy=function(){t(this).each(function(){t(this).find(".js-tilt-glare").remove(),t(this).css({"will-change":"",transform:""}),t(this).off("mousemove mouseenter mouseleave")})},t.fn.tilt.getValues=function(){var i=[];return t(this).each(function(){this.mousePositions=r.call(this),i.push(h.call(this))}),i},t.fn.tilt.reset=function(){t(this).each(function(){var i=this;this.mousePositions=r.call(this),this.settings=t(this).data("settings"),l.call(this),setTimeout(function(){i.reset=!1},this.settings.transition)})},this.each(function(){var s=this;this.settings=t.extend({maxTilt:t(this).is("[data-tilt-max]")?t(this).data("tilt-max"):20,perspective:t(this).is("[data-tilt-perspective]")?t(this).data("tilt-perspective"):300,easing:t(this).is("[data-tilt-easing]")?t(this).data("tilt-easing"):"cubic-bezier(.03,.98,.52,.99)",scale:t(this).is("[data-tilt-scale]")?t(this).data("tilt-scale"):"1",speed:t(this).is("[data-tilt-speed]")?t(this).data("tilt-speed"):"400",transition:!t(this).is("[data-tilt-transition]")||t(this).data("tilt-transition"),disableAxis:t(this).is("[data-tilt-disable-axis]")?t(this).data("tilt-disable-axis"):null,axis:t(this).is("[data-tilt-axis]")?t(this).data("tilt-axis"):null,reset:!t(this).is("[data-tilt-reset]")||t(this).data("tilt-reset"),glare:!!t(this).is("[data-tilt-glare]")&&t(this).data("tilt-glare"),maxGlare:t(this).is("[data-tilt-maxglare]")?t(this).data("tilt-maxglare"):1},i),null!==this.settings.axis&&(console.warn("Tilt.js: the axis setting has been renamed to disableAxis. See https://github.com/gijsroge/tilt.js/pull/26 for more information"),this.settings.disableAxis=this.settings.axis),this.init=function(){t(s).data("settings",s.settings),s.settings.glare&&c.call(s),e.call(s)},this.init()})},t("[data-tilt]").tilt(),!0});


--------------------------------------------------------------------------------
/public/font/fontello.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/font/fontello.eot


--------------------------------------------------------------------------------
/public/font/fontello.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 3 | <svg xmlns="http://www.w3.org/2000/svg">
 4 | <metadata>Copyright (C) 2017 by original authors @ fontello.com</metadata>
 5 | <defs>
 6 | <font id="fontello" horiz-adv-x="1000" >
 7 | <font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
 8 | <missing-glyph horiz-adv-x="1000" />
 9 | <glyph glyph-name="twitter" unicode="&#xf099;" d="M904 622q-37-54-90-93 0-8 0-23 0-73-21-145t-64-139-103-117-144-82-181-30q-151 0-276 81 19-2 43-2 126 0 224 77-59 1-105 36t-64 89q19-3 34-3 24 0 48 6-63 13-104 62t-41 115v2q38-21 82-23-37 25-59 64t-22 86q0 49 25 91 68-83 164-133t208-55q-5 21-5 41 0 75 53 127t127 53q79 0 132-57 61 12 115 44-21-64-80-100 52 6 104 28z" horiz-adv-x="928.6" />
10 | 
11 | <glyph glyph-name="facebook" unicode="&#xf09a;" d="M535 843v-147h-87q-48 0-65-20t-17-60v-106h164l-22-165h-142v-424h-171v424h-142v165h142v122q0 104 58 161t155 57q82 0 127-7z" horiz-adv-x="571.4" />
12 | 
13 | <glyph glyph-name="instagram" unicode="&#xf16d;" d="M571 350q0 59-41 101t-101 42-101-42-42-101 42-101 101-42 101 42 41 101z m77 0q0-91-64-156t-155-64-156 64-64 156 64 156 156 64 155-64 64-156z m61 229q0-21-15-36t-37-15-36 15-15 36 15 36 36 15 37-15 15-36z m-280 123q-4 0-43 0t-59 0-54-2-57-5-40-11q-28-11-49-32t-33-49q-6-16-10-40t-6-58-1-53 0-59 0-43 0-43 0-59 1-53 6-58 10-40q12-28 33-49t49-32q16-6 40-11t57-5 54-2 59 0 43 0 42 0 59 0 54 2 58 5 39 11q28 11 50 32t32 49q6 16 10 40t6 58 1 53 0 59 0 43 0 43 0 59-1 53-6 58-10 40q-11 28-32 49t-50 32q-16 6-39 11t-58 5-54 2-59 0-42 0z m428-352q0-128-3-177-5-116-69-180t-179-69q-50-3-177-3t-177 3q-116 6-180 69t-69 180q-3 49-3 177t3 177q5 116 69 180t180 69q49 3 177 3t177-3q116-6 179-69t69-180q3-49 3-177z" horiz-adv-x="857.1" />
14 | 
15 | <glyph glyph-name="pinterest" unicode="&#xf231;" d="M0 517q0 60 21 113t58 93 85 69 103 44 113 14q88 0 164-37t123-108 47-160q0-54-10-105t-34-99-56-83-80-58-106-21q-38 0-75 18t-54 49q-5-22-15-63t-14-53-11-40-15-39-17-35-26-44-35-48l-7-3-5 6q-9 88-9 105 0 51 12 115t37 161 29 113q-18 36-18 94 0 47 29 87t74 41q34 0 53-23t19-57q0-37-24-106t-25-105q0-35 25-58t61-23q31 0 57 14t44 38 31 53 21 61 11 62 4 56q0 96-61 150t-160 54q-111 0-186-72t-75-183q0-25 7-48t15-36 15-26 7-17q0-15-8-40t-21-25q-1 0-9 1-29 9-51 31t-34 53-18 60-6 60z" horiz-adv-x="714.3" />
16 | 
17 | <glyph glyph-name="vimeo" unicode="&#xf27d;" d="M954 561q-6-132-186-363-185-241-313-241-79 0-134 147-25 89-74 269-40 146-87 146-10 0-71-42l-43 54q13 12 60 54t73 65q87 77 134 81 53 5 85-31t46-113q24-160 37-208 30-139 66-139 29 0 86 89 57 90 61 138 8 77-61 77-31 0-67-14 67 219 256 213 140-5 132-182z" horiz-adv-x="1000" />
18 | </font>
19 | </defs>
20 | </svg>


--------------------------------------------------------------------------------
/public/font/fontello.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/font/fontello.ttf


--------------------------------------------------------------------------------
/public/font/fontello.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/font/fontello.woff


--------------------------------------------------------------------------------
/public/font/fontello.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/font/fontello.woff2


--------------------------------------------------------------------------------
/public/fonts/Aileron/Aileron-Black.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Aileron-Black.otf


--------------------------------------------------------------------------------
/public/fonts/Aileron/Aileron-Bold.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Aileron-Bold.otf


--------------------------------------------------------------------------------
/public/fonts/Aileron/Aileron-Heavy.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Aileron-Heavy.otf


--------------------------------------------------------------------------------
/public/fonts/Aileron/Aileron-Italic.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Aileron-Italic.otf


--------------------------------------------------------------------------------
/public/fonts/Aileron/Aileron-Light.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Aileron-Light.otf


--------------------------------------------------------------------------------
/public/fonts/Aileron/Aileron-Regular.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Aileron-Regular.otf


--------------------------------------------------------------------------------
/public/fonts/Aileron/Aileron-SemiBold.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Aileron-SemiBold.otf


--------------------------------------------------------------------------------
/public/fonts/Aileron/Aileron-Thin.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Aileron-Thin.otf


--------------------------------------------------------------------------------
/public/fonts/Aileron/Aileron-UltraLight.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Aileron-UltraLight.otf


--------------------------------------------------------------------------------
/public/fonts/Aileron/Gidole-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Aileron/Gidole-Regular.ttf


--------------------------------------------------------------------------------
/public/fonts/Colaborate/ColabBol.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Colaborate/ColabBol.otf


--------------------------------------------------------------------------------
/public/fonts/Colaborate/ColabLig.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Colaborate/ColabLig.otf


--------------------------------------------------------------------------------
/public/fonts/Colaborate/ColabMed.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Colaborate/ColabMed.otf


--------------------------------------------------------------------------------
/public/fonts/Colaborate/ColabReg.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Colaborate/ColabReg.otf


--------------------------------------------------------------------------------
/public/fonts/Colaborate/ColabThi.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Colaborate/ColabThi.otf


--------------------------------------------------------------------------------
/public/fonts/Material-Design-Iconic-Font.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Material-Design-Iconic-Font.eot


--------------------------------------------------------------------------------
/public/fonts/Material-Design-Iconic-Font.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Material-Design-Iconic-Font.ttf


--------------------------------------------------------------------------------
/public/fonts/Material-Design-Iconic-Font.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Material-Design-Iconic-Font.woff


--------------------------------------------------------------------------------
/public/fonts/Material-Design-Iconic-Font.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Material-Design-Iconic-Font.woff2


--------------------------------------------------------------------------------
/public/fonts/Spirequal-Light/Spirequal-Light.TTF:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/Spirequal-Light/Spirequal-Light.TTF


--------------------------------------------------------------------------------
/public/fonts/ionicons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/ionicons.eot


--------------------------------------------------------------------------------
/public/fonts/ionicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/ionicons.ttf


--------------------------------------------------------------------------------
/public/fonts/ionicons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/ionicons.woff


--------------------------------------------------------------------------------
/public/fonts/linea-basic-10.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/linea-basic-10.eot


--------------------------------------------------------------------------------
/public/fonts/linea-basic-10.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/linea-basic-10.ttf


--------------------------------------------------------------------------------
/public/fonts/linea-basic-10.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/fonts/linea-basic-10.woff


--------------------------------------------------------------------------------
/public/front-page-category/css/responsive.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Screens Resolution : 992px
  4 | -------------------------------------------------------------------------- */
  5 | @media only screen and (max-width: 1200px) {
  6 | 	
  7 | 	
  8 | }
  9 | 
 10 | /* Screens Resolution : 992px
 11 | -------------------------------------------------------------------------- */
 12 | @media only screen and (max-width: 992px) {
 13 | 	
 14 | 	/* ---------------------------------
 15 | 	1. PRIMARY STYLES
 16 | 	--------------------------------- */
 17 | 
 18 | 	h1{ font-size: 4em; }
 19 | 	h2{ font-size: 3em; }
 20 | 	h3{ font-size: 2em; }
 21 | 	
 22 | 	/* COMMoNS */
 23 | 	
 24 | 	.no-left-padding{ padding-left: 15px; }
 25 | 
 26 | 	.no-right-padding{ padding-right: 15px; }
 27 | 
 28 | 	
 29 | 	/* MENU */
 30 | 	
 31 | 	/* SEARCH AREA */
 32 | 
 33 | 	header .src-area{ width: 30%; }
 34 | 	
 35 | }
 36 | 
 37 | 
 38 | /* Screens Resolution : 767px
 39 | -------------------------------------------------------------------------- */
 40 | @media only screen and (max-width: 767px) {
 41 | 	
 42 | 	/* ---------------------------------
 43 | 	1. PRIMARY STYLES
 44 | 	--------------------------------- */
 45 | 
 46 | 	p{ line-height: 1.4; }
 47 | 
 48 | 	h1{ font-size: 3em; }
 49 | 	h2{ font-size: 2.5em; }
 50 | 	h3{ font-size: 1.8em; }
 51 | 	h4{ font-size: 1.5em; }
 52 | 	h5{ font-size: 1.2em; }
 53 | 	
 54 | 	/* ---------------------------------
 55 | 	2. COMMONS FOR PAGE DESIGN
 56 | 	--------------------------------- */
 57 | 
 58 | 	.section{ padding: 40px 0 10px; }
 59 | 
 60 | 	
 61 | 
 62 | 	/* ---------------------------------
 63 | 	3. MENU
 64 | 	--------------------------------- */
 65 | 	
 66 | 	
 67 | 	header .main-menu{ display: none; float: none; clear: both; border-top: 1px solid #ccc; }
 68 | 	
 69 | 	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #ddd; }
 70 | 	
 71 | 	header .main-menu > li:last-child{ border-bottom: 0; }
 72 | 	
 73 | 	header .main-menu li > a,
 74 | 	header .main-menu ul.drop-down li > a{ display: block; line-height: 1; height: auto; padding: 15px; background: none; }
 75 | 	
 76 | 	
 77 | 	
 78 | 	/* SEARCH AREA */
 79 | 
 80 | 	header .src-area{ width: 100%; }
 81 | 	
 82 | 	
 83 | 	/* NAV ICON */
 84 | 	
 85 | 	.menu-nav-icon{ display: inline-block; }
 86 | 	
 87 | 	
 88 | 	/* ---------------------------------
 89 | 	6. SLIDER
 90 | 	--------------------------------- */
 91 | 	
 92 | 	.main-slider{ padding-right: 0px; }  
 93 | 	
 94 | 	
 95 | 	/* ---------------------------------
 96 | 	6. EXTRA BIG BLOG
 97 | 	--------------------------------- */
 98 | 	
 99 | 	.post-style-2 .blog-image{ width: 100%; height: auto; float: none; }
100 | 	
101 | 	.post-style-2 .blog-info{ height: auto; width: 100%; }
102 | 	
103 | 	
104 | 	/* ---------------------------------
105 | 	10. FOOTER
106 | 	--------------------------------- */
107 | 
108 | 	footer{ padding: 40px 0 0px; margin-top: 0px; }
109 | 	
110 | 	
111 | 	
112 | 
113 | 	
114 | }
115 | 
116 | /* Screens Resolution : 479px
117 | -------------------------------------------------------------------------- */
118 | @media only screen and (max-width: 479px) {
119 | 
120 | 	/* ---------------------------------
121 | 	1. PRIMARY STYLES
122 | 	--------------------------------- */
123 | 
124 | 	body{ font-size: 14px;  }
125 | 	
126 | 	
127 | }
128 | 
129 | /* Screens Resolution : 359px
130 | -------------------------------------------------------------------------- */
131 | @media only screen and (max-width: 359px) {
132 | 	
133 | 	
134 | }
135 | 
136 | /* Screens Resolution : 290px
137 | -------------------------------------------------------------------------- */
138 | @media only screen and (max-width: 290px) {
139 | 	
140 | 	
141 | }


--------------------------------------------------------------------------------
/public/front-page-category/css/styles.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /*
  3 | ====================================================
  4 | 
  5 | * 	[Master Stylesheet]
  6 | 	
  7 | 	Theme Name :  
  8 | 	Version    :  
  9 | 	Author     :  
 10 | 	Author URI :  
 11 | 
 12 | ====================================================
 13 | 
 14 | 
 15 | /* ---------------------------------
 16 | 1. PRIMARY STYLES
 17 | --------------------------------- */
 18 | 
 19 | html{ font-size: 100%; height: 100%;  overflow-x: hidden; touch-action: manipulation; }
 20 | 
 21 | body{ font-size: 15px; font-family: 'Roboto', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 300;
 22 | 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
 23 | 	background: #EDF3F3; color: #000; }
 24 | 
 25 | h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img{ margin: 0; padding: 0; font-weight: 300; }
 26 | 
 27 | h1,h2,h3,h4,h5,h6{ line-height: 1.5; }
 28 | 
 29 | p{ line-height: 1.6; font-family: 'Maven Pro', sans-serif; font-weight: 400; color: #444; }
 30 | 
 31 | h1{ font-size: 4em; line-height: 1; }
 32 | h2{ font-size: 2.8em; line-height: 1.1; }
 33 | h3{ font-size: 1.5em; }
 34 | h4{ font-size: 1.2em; }
 35 | h5{ font-size: 1.1em; }
 36 | h6{ font-size: .9em; letter-spacing: 1px; }
 37 | 
 38 | a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; }
 39 | 
 40 | a:focus, a:active, a:hover,
 41 | button:focus, button:active, button:hover{ text-decoration: none; color: #498BF9; }
 42 | 
 43 | b{ font-weight: 500; }
 44 | 
 45 | img{ width: 100%; }
 46 | 
 47 | li{ list-style: none; display: inline-block; }
 48 | 
 49 | span{ display: inline-block; }
 50 | 
 51 | header{ font-weight: 400; }
 52 | 
 53 | 
 54 | 
 55 | /* ---------------------------------
 56 | 2. COMMONS FOR PAGE DESIGN
 57 | --------------------------------- */
 58 | 
 59 | .section{ padding: 70px 0 40px; }
 60 | 
 61 | .section .heading{ padding-bottom: 70px; }
 62 | 
 63 | .center-text{ text-align: center; } 
 64 | 
 65 | .color-white{ color: #fff; }
 66 | 
 67 | .display-table{ display: table; height: 100%; width: 100%; }
 68 | 
 69 | .display-table-cell{ display: table-cell; vertical-align: middle; }
 70 | 
 71 | .card{ background: transparent; border: 0; }
 72 | 
 73 | .no-side-padding{ padding-right: 0px; padding-left: 0px; }
 74 | 
 75 | .no-left-padding{ padding-left: 0px; }
 76 | 
 77 | .no-right-padding{ padding-right: 0px; }
 78 | 
 79 | .icon{ font-size: 2em; }
 80 | 
 81 | 
 82 | ::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }
 83 | 
 84 | ::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }
 85 | 
 86 | :-ms-input-placeholder { font-size: .9em; letter-spacing: 1px;  }
 87 | 
 88 | :-moz-placeholder { font-size: .9em; letter-spacing: 1px;  }
 89 | 
 90 | 
 91 | 
 92 | /* ---------------------------------
 93 | 3. MENU
 94 | --------------------------------- */
 95 | 
 96 | header{ overflow: hidden; background: #fff; box-shadow: 0px 2px 10px rgba(0,0,0, .3); }
 97 | 
 98 | header .logo{ float: left; height: 20px; margin: 20px 30px; }
 99 | 
100 | header .logo img{ height: 100%; width: auto; }
101 | 
102 | 
103 | header .main-menu{ display: inline-block; float: left; }
104 | 
105 | header .main-menu > li{ float: left; }
106 | 
107 | header .main-menu > li > a{ height: 60px; line-height: 60px; padding: 0 25px; border-right: 1px solid #eee; }
108 | 
109 | header .main-menu > li > a:hover{  background: #eee; }
110 | 
111 | header .main-menu > li:first-child > a{ border-left: 1px solid #eee; }
112 | 
113 | 
114 | header .visible.main-menu{ display: block; }
115 | 
116 | 
117 | 
118 | /* SEARCH AREA */
119 | 
120 | header .src-area{ position: relative; height: 60px; width: 50%; float: right; display: inline-block; background: #F5F7F6; }
121 | 
122 | header .src-area .src-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
123 | 	padding: 0 20px 0 70px; background: transparent; border: 0; outline: 0; }
124 | 
125 | header .src-area .src-input:focus{ box-shadow: 0px 0px 1px #aaa; }
126 | 
127 | header .src-area .src-btn{ position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: none; border: 0; 
128 | 	font-size: 1.2em; outline: 0; margin-left: 20px; opacity: .6; cursor: pointer; z-index: 10; }
129 | 
130 | 
131 | /* NAV ICON */
132 | 
133 | .menu-nav-icon{ display: none; height: 60px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; 
134 | 	position: absolute; right: 0; font-size: 1.8em; }
135 | 
136 | 	
137 | 
138 | /* ---------------------------------
139 | 4. SLIDER
140 | --------------------------------- */
141 | 
142 | .main-slider{ width: 100%; padding-right: 150px; }  
143 |  
144 | .main-slider{ overflow: hidden; position: relative; }
145 | 
146 | .main-slider .swiper-container{ overflow: visible; }
147 | 
148 | .main-slider .category{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; color: #fff; }
149 |  
150 | .main-slider .category:after{ content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; 
151 | 	background: rgba(0,0,0,.4); } 
152 | 
153 | 
154 | /* SLIDER CONTROLER */
155 | 
156 | .main-slider .swiper-button-prev, 
157 | .main-slider .swiper-button-next{ top: 0; bottom: 0; width: auto; margin: 0; background: none; font-size: 4em; 
158 | 	top: 50%; margin-top: -50px; height: 100px; color: #fff; }
159 | 
160 | .main-slider .swiper-button-prev{ left: 20px; }
161 | 
162 | .main-slider .swiper-button-next{ right: 20px; }
163 | 
164 |  
165 | /* ---------------------------------
166 | 5. SINGLE POST
167 | --------------------------------- */
168 | 
169 | .blog-area .row div[class^="col"] { margin-bottom: 30px; }
170 | 
171 | .blog-area{ text-align: center; background: #EDF3F3; }
172 | 
173 | .blog-area .single-post{ height: 100%; position: relative; padding-bottom: 45px;
174 | 	overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,.1); border: 1px solid #ddd; background: #fff; }
175 | 
176 | .blog-area .single-post .title{ padding: 20px 30px 30px; }
177 | 
178 | .single-post .avatar{ margin: 0 auto; margin-top: -40px; width: 70px; height: 70px; overflow: hidden; z-index: 10;
179 | 	border-radius: 100px; position: relative; border: 7px solid #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
180 | 
181 | .single-post .post-footer{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
182 | 
183 | .single-post .post-footer > li{ width: 33.33%; display: inline-block; border-right: 1px solid #fff; background: #EDF3F3; }
184 | 
185 | .single-post .post-footer > li:first-child{ float: left; }
186 | 
187 | .single-post .post-footer > li:last-child{ border: 0px; float: right; }
188 | 
189 | .single-post .post-footer > li > a{ line-height: 45px; width: 100%; }
190 | 
191 | .single-post .post-footer i{ display: inline-block; margin-right: 10px; opacity: .6; font-size: 1.1em; }
192 | 
193 | 
194 | /* ---------------------------------
195 | 6. NORMAL BLOG
196 | --------------------------------- */
197 | 
198 | .post-style-1 .blog-image{ max-height: 200px; overflow: hidden; }
199 | 
200 | 
201 | 
202 | /* ---------------------------------
203 | 7. EXTRA BIG BLOG
204 | --------------------------------- */
205 | 
206 | .blog-area .post-style-2{ padding-bottom: 0; text-align: left; }
207 | 
208 | .blog-area .post-style-2 .title{ padding: 15px 0px 20px; }
209 | 
210 | .post-style-2 .avatar-area{ padding: 25px 0 15px; position: relative; }
211 | 
212 | .post-style-2 .avatar{ margin: 0px; }
213 | 	
214 | .post-style-2 .avatar-area .right-area{ margin-left: 90px; position: absolute; top: 50%; transform: translateY(-50%); }
215 | 
216 | .post-style-2 .blog-image{ width: 50%; float: left; height: 100%; }
217 | 
218 | .post-style-2 .blog-image img{ height: 100%; width: 100%; }
219 | 
220 | .post-style-2 .blog-info{ width: 50%; float: left; height: 100%; position: relative; padding: 30px; padding-bottom: 45px; }
221 | 
222 | 
223 | 
224 | /* ---------------------------------
225 | 8. EXTRA MEDIUM BLOG
226 | --------------------------------- */
227 | 
228 | .post-style-2.post-style-3 .blog-info{ width: 100%; float: none; }
229 | 
230 | 
231 | 
232 | /* ---------------------------------
233 | 9. EXTRA SMALL BLOG
234 | --------------------------------- */
235 | 
236 | .blog-area .post-style-4{ margin-bottom: 30px; }
237 | 
238 | .display-table .display-table-cell.title{ padding: 30px; }
239 | 
240 | .load-more-btn{ padding: 15px 40px; margin: 10px 0 30px; transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,.4);
241 | 	background: #C3D8F5; }
242 | 
243 | .load-more-btn:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); } 
244 | 
245 | 
246 | 
247 | /* ---------------------------------
248 | 10. FOOTER
249 | --------------------------------- */
250 | 
251 | footer{ padding: 70px 0 30px; background: #fff; }
252 | 
253 | footer .footer-section{ margin-bottom: 40px; }
254 | 
255 | footer .footer-section .title{ margin-bottom: 20px; }
256 | 
257 | footer .footer-section ul > li{ margin-right: 10px; margin-top: 10px; }
258 | 
259 | 
260 | footer .copyright{ margin: 10px 0; }
261 | 
262 | 
263 | footer .icons > li > a{ height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; 
264 | 	transition: all .3s; font-size: 1.2em; box-shadow: 0px 0px 2px rgba(0,0,0,1); background: #498BF9; color: #fff; }
265 | 
266 | footer .icons > li > a:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); }
267 | 
268 | 
269 | footer .input-area{ position: relative; height: 50px; width: 100%; box-shadow: 0px 0px 1px #bbb; background: #F5F7F6; }
270 | 
271 | footer .input-area .email-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
272 | 	padding: 0 70px 0 20px; background: transparent; border: 0; outline: 0; }
273 | 
274 | footer .input-area .email-input:focus{ box-shadow: 0px 0px 1px #aaa; }
275 | 
276 | footer .input-area .submit-btn{ position: absolute; top: 0; bottom: 0; right: 0; width: 50px; background: none; 
277 | 	border: 0; outline: 0; margin-right: 10px; opacity: .8; cursor: pointer; transition: all .2s; }
278 | 
279 | 
280 | 
281 | 


--------------------------------------------------------------------------------
/public/images/alex-lambley-205711.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/alex-lambley-205711.jpg


--------------------------------------------------------------------------------
/public/images/audrey-jackson-260657.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/audrey-jackson-260657.jpg


--------------------------------------------------------------------------------
/public/images/avatar-1-120x120.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/avatar-1-120x120.jpg


--------------------------------------------------------------------------------
/public/images/averie-woodard-319832.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/averie-woodard-319832.jpg


--------------------------------------------------------------------------------
/public/images/ben-o-sullivan-382817.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/ben-o-sullivan-382817.jpg


--------------------------------------------------------------------------------
/public/images/blog-1-1000x600.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/blog-1-1000x600.jpg


--------------------------------------------------------------------------------
/public/images/brooke-lark-194251.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/brooke-lark-194251.jpg


--------------------------------------------------------------------------------
/public/images/caroline-veronez-165944.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/caroline-veronez-165944.jpg


--------------------------------------------------------------------------------
/public/images/category-1-400x250.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/category-1-400x250.jpg


--------------------------------------------------------------------------------
/public/images/category-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/category-1.jpg


--------------------------------------------------------------------------------
/public/images/category-2-400x250.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/category-2-400x250.jpg


--------------------------------------------------------------------------------
/public/images/category-3-400x250.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/category-3-400x250.jpg


--------------------------------------------------------------------------------
/public/images/category-4-400x250.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/category-4-400x250.jpg


--------------------------------------------------------------------------------
/public/images/category-5-400x250.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/category-5-400x250.jpg


--------------------------------------------------------------------------------
/public/images/category-6-400x250.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/category-6-400x250.jpg


--------------------------------------------------------------------------------
/public/images/christopher-campbell-28567.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/christopher-campbell-28567.jpg


--------------------------------------------------------------------------------
/public/images/dmitri-popov-326976.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/dmitri-popov-326976.jpg


--------------------------------------------------------------------------------
/public/images/icons8-team-355979.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/icons8-team-355979.jpg


--------------------------------------------------------------------------------
/public/images/icons8-team-355990.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/icons8-team-355990.jpg


--------------------------------------------------------------------------------
/public/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/logo.png


--------------------------------------------------------------------------------
/public/images/marion-michele-330691.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/marion-michele-330691.jpg


--------------------------------------------------------------------------------
/public/images/noah-buscher-400915.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/noah-buscher-400915.jpg


--------------------------------------------------------------------------------
/public/images/pexels-photo-370474.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/pexels-photo-370474.jpeg


--------------------------------------------------------------------------------
/public/images/sarah-diniz-outeiro-407602.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/sarah-diniz-outeiro-407602.jpg


--------------------------------------------------------------------------------
/public/images/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/screenshot.png


--------------------------------------------------------------------------------
/public/images/screenshot_blog.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/screenshot_blog.png


--------------------------------------------------------------------------------
/public/images/slider-1-1600x900.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/slider-1-1600x900.jpg


--------------------------------------------------------------------------------
/public/images/slider-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/daviidy/blog-mvc/d8647848b266428b1fe988d63b60677f2b5a5729/public/images/slider-1.jpg


--------------------------------------------------------------------------------
/public/layout-1/css/responsive.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Screens Resolution : 992px
  4 | -------------------------------------------------------------------------- */
  5 | @media only screen and (max-width: 1200px) {
  6 | 	
  7 | 	
  8 | }
  9 | 
 10 | /* Screens Resolution : 992px
 11 | -------------------------------------------------------------------------- */
 12 | @media only screen and (max-width: 992px) {
 13 | 	
 14 | 	/* ---------------------------------
 15 | 	1. PRIMARY STYLES
 16 | 	--------------------------------- */
 17 | 
 18 | 	h1{ font-size: 4em; }
 19 | 	h2{ font-size: 3em; }
 20 | 	h3{ font-size: 2em; }
 21 | 	
 22 | 	/* COMMoNS */
 23 | 	
 24 | 	.no-left-padding{ padding-left: 15px; }
 25 | 
 26 | 	.no-right-padding{ padding-right: 15px; }
 27 | 
 28 | 	
 29 | 	/* MENU */
 30 | 	
 31 | 	/* SEARCH AREA */
 32 | 
 33 | 	header .src-area{ width: 30%; }
 34 | 	
 35 | }
 36 | 
 37 | 
 38 | /* Screens Resolution : 767px
 39 | -------------------------------------------------------------------------- */
 40 | @media only screen and (max-width: 767px) {
 41 | 	
 42 | 	/* ---------------------------------
 43 | 	1. PRIMARY STYLES
 44 | 	--------------------------------- */
 45 | 
 46 | 	p{ line-height: 1.4; }
 47 | 
 48 | 	h1{ font-size: 3em; }
 49 | 	h2{ font-size: 2.5em; }
 50 | 	h3{ font-size: 1.8em; }
 51 | 	h4{ font-size: 1.5em; }
 52 | 	h5{ font-size: 1.2em; }
 53 | 	
 54 | 	/* ---------------------------------
 55 | 	2. COMMONS FOR PAGE DESIGN
 56 | 	--------------------------------- */
 57 | 
 58 | 	.section{ padding: 40px 0 10px; }
 59 | 
 60 | 	
 61 | 
 62 | 	/* ---------------------------------
 63 | 	3. MENU
 64 | 	--------------------------------- */
 65 | 	
 66 | 	
 67 | 	header .main-menu{ display: none; float: none; clear: both; border-top: 1px solid #ccc; }
 68 | 	
 69 | 	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #ddd; }
 70 | 	
 71 | 	header .main-menu > li:last-child{ border-bottom: 0; }
 72 | 	
 73 | 	header .main-menu li > a,
 74 | 	header .main-menu ul.drop-down li > a{ display: block; line-height: 1; height: auto; padding: 15px; background: none; }
 75 | 	
 76 | 	
 77 | 	
 78 | 	/* SEARCH AREA */
 79 | 
 80 | 	header .src-area{ width: 100%; }
 81 | 	
 82 | 	
 83 | 	/* NAV ICON */
 84 | 	
 85 | 	.menu-nav-icon{ display: inline-block; }
 86 | 	
 87 | 	
 88 | 	/* ---------------------------------
 89 | 	6. EXTRA BIG BLOG
 90 | 	--------------------------------- */
 91 | 	
 92 | 	.post-style-2 .blog-image{ width: 100%; height: auto; float: none; }
 93 | 	
 94 | 	.post-style-2 .blog-info{ height: auto; width: 100%; }
 95 | 	
 96 | 	
 97 | 	/* ---------------------------------
 98 | 	10. FOOTER
 99 | 	--------------------------------- */
100 | 
101 | 	footer{ padding: 40px 0 0px; margin-top: 0px; }
102 | 	
103 | 	
104 | 	
105 | 
106 | 	
107 | }
108 | 
109 | /* Screens Resolution : 479px
110 | -------------------------------------------------------------------------- */
111 | @media only screen and (max-width: 479px) {
112 | 
113 | 	/* ---------------------------------
114 | 	1. PRIMARY STYLES
115 | 	--------------------------------- */
116 | 
117 | 	body{ font-size: 14px;  }
118 | 	
119 | 	
120 | }
121 | 
122 | /* Screens Resolution : 359px
123 | -------------------------------------------------------------------------- */
124 | @media only screen and (max-width: 359px) {
125 | 	
126 | 	
127 | }
128 | 
129 | /* Screens Resolution : 290px
130 | -------------------------------------------------------------------------- */
131 | @media only screen and (max-width: 290px) {
132 | 	
133 | 	
134 | }


--------------------------------------------------------------------------------
/public/layout-1/css/styles.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /*
  3 | ====================================================
  4 | 
  5 | * 	[Master Stylesheet]
  6 | 	
  7 | 	Theme Name :  
  8 | 	Version    :  
  9 | 	Author     :  
 10 | 	Author URI :  
 11 | 
 12 | ====================================================
 13 | 
 14 | 
 15 | /* ---------------------------------
 16 | 1. PRIMARY STYLES
 17 | --------------------------------- */
 18 | 
 19 | html{ font-size: 100%; height: 100%;  overflow-x: hidden; touch-action: manipulation; }
 20 | 
 21 | body{ font-size: 15px; font-family: 'Roboto', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 300;
 22 | 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
 23 | 	background: #EDF3F3; color: #000; }
 24 | 
 25 | h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img{ margin: 0; padding: 0; font-weight: 300; }
 26 | 
 27 | h1,h2,h3,h4,h5,h6{ line-height: 1.5; }
 28 | 
 29 | p{ line-height: 1.6; font-family: 'Maven Pro', sans-serif; font-weight: 400; color: #444; }
 30 | 
 31 | h1{ font-size: 4em; line-height: 1; }
 32 | h2{ font-size: 2.8em; line-height: 1.1; }
 33 | h3{ font-size: 2em; }
 34 | h4{ font-size: 1.2em; }
 35 | h5{ font-size: 1.1em; }
 36 | h6{ font-size: .9em; letter-spacing: 1px; }
 37 | 
 38 | a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; }
 39 | 
 40 | a:focus, a:active, a:hover,
 41 | button:focus, button:active, button:hover{ text-decoration: none; color: #498BF9; }
 42 | 
 43 | b{ font-weight: 500; }
 44 | 
 45 | img{ width: 100%; }
 46 | 
 47 | li{ list-style: none; display: inline-block; }
 48 | 
 49 | span{ display: inline-block; }
 50 | 
 51 | header{ font-weight: 400; }
 52 | 
 53 | 
 54 | 
 55 | /* ---------------------------------
 56 | 2. COMMONS FOR PAGE DESIGN
 57 | --------------------------------- */
 58 | 
 59 | .section{ padding: 70px 0 40px; }
 60 | 
 61 | .section .heading{ padding-bottom: 70px; }
 62 | 
 63 | .center-text{ text-align: center; } 
 64 | 
 65 | .color-white{ color: #fff; }
 66 | 
 67 | .display-table{ display: table; height: 100%; width: 100%; }
 68 | 
 69 | .display-table-cell{ display: table-cell; vertical-align: middle; }
 70 | 
 71 | .card{ background: transparent; border: 0; }
 72 | 
 73 | .no-side-padding{ padding-right: 0px; padding-left: 0px; }
 74 | 
 75 | .no-left-padding{ padding-left: 0px; }
 76 | 
 77 | .no-right-padding{ padding-right: 0px; }
 78 | 
 79 | .icon{ font-size: 2em; }
 80 | 
 81 | 
 82 | ::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }
 83 | 
 84 | ::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }
 85 | 
 86 | :-ms-input-placeholder { font-size: .9em; letter-spacing: 1px;  }
 87 | 
 88 | :-moz-placeholder { font-size: .9em; letter-spacing: 1px;  }
 89 | 
 90 | 
 91 | 
 92 | /* ---------------------------------
 93 | 3. MENU
 94 | --------------------------------- */
 95 | 
 96 | header{ overflow: hidden; background: #fff; box-shadow: 0px 2px 10px rgba(0,0,0, .3); }
 97 | 
 98 | header .logo{ float: left; height: 20px; margin: 20px 30px; }
 99 | 
100 | header .logo img{ height: 100%; width: auto; }
101 | 
102 | 
103 | header .main-menu{ display: inline-block; float: left; }
104 | 
105 | header .main-menu > li{ float: left; }
106 | 
107 | header .main-menu > li > a{ height: 60px; line-height: 60px; padding: 0 25px; border-right: 1px solid #eee; }
108 | 
109 | header .main-menu > li > a:hover{  background: #eee; }
110 | 
111 | header .main-menu > li:first-child > a{ border-left: 1px solid #eee; }
112 | 
113 | 
114 | header .visible.main-menu{ display: block; }
115 | 
116 | 
117 | 
118 | /* SEARCH AREA */
119 | 
120 | header .src-area{ position: relative; height: 60px; width: 50%; float: right; display: inline-block; background: #F5F7F6; }
121 | 
122 | header .src-area .src-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
123 | 	padding: 0 20px 0 70px; background: transparent; border: 0; outline: 0; }
124 | 
125 | header .src-area .src-input:focus{ box-shadow: 0px 0px 1px #aaa; }
126 | 
127 | header .src-area .src-btn{ position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: none; border: 0; 
128 | 	font-size: 1.2em; outline: 0; margin-left: 20px; opacity: .6; cursor: pointer; z-index: 10; }
129 | 
130 | 
131 | /* NAV ICON */
132 | 
133 | .menu-nav-icon{ display: none; height: 60px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; 
134 | 	position: absolute; right: 0; font-size: 1.8em; }
135 | 
136 | 	
137 | 
138 | /* ---------------------------------
139 | 4. SLIDER
140 | --------------------------------- */
141 | 
142 | .slider{ height: 300px; width: 100%; background-image: url(../../images/slider-1.jpg); background-size: cover; }  
143 |  
144 | 
145 |  
146 | /* ---------------------------------
147 | 5. SINGLE POST
148 | --------------------------------- */
149 | 
150 | .blog-area .row div[class^="col"] { margin-bottom: 30px; }
151 | 
152 | .blog-area{ text-align: center; background: #EDF3F3; }
153 | 
154 | .blog-area .single-post{ height: 100%; position: relative; padding-bottom: 45px;
155 | 	overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,.1); border: 1px solid #ddd; background: #fff; }
156 | 
157 | .blog-area .single-post .title{ padding: 20px 30px 30px; }
158 | 
159 | .single-post .avatar{ margin: 0 auto; margin-top: -40px; width: 70px; height: 70px; overflow: hidden; z-index: 10;
160 | 	border-radius: 100px; position: relative; border: 7px solid #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
161 | 
162 | .single-post .post-footer{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
163 | 
164 | .single-post .post-footer > li{ width: 33.33%; display: inline-block; border-right: 1px solid #fff; background: #EDF3F3; }
165 | 
166 | .single-post .post-footer > li:first-child{ float: left; }
167 | 
168 | .single-post .post-footer > li:last-child{ border: 0px; float: right; }
169 | 
170 | .single-post .post-footer > li > a{ line-height: 45px; width: 100%; }
171 | 
172 | .single-post .post-footer i{ display: inline-block; margin-right: 10px; opacity: .6; font-size: 1.1em; }
173 | 
174 | 
175 | /* ---------------------------------
176 | 6. NORMAL BLOG
177 | --------------------------------- */
178 | 
179 | .post-style-1 .blog-image{ max-height: 200px; overflow: hidden; }
180 | 
181 | 
182 | 
183 | /* ---------------------------------
184 | 7. EXTRA BIG BLOG
185 | --------------------------------- */
186 | 
187 | .blog-area .post-style-2{ padding-bottom: 0; text-align: left; }
188 | 
189 | .blog-area .post-style-2 .title{ padding: 15px 0px 20px; }
190 | 
191 | .post-style-2 .avatar-area{ padding: 25px 0 15px; position: relative; }
192 | 
193 | .post-style-2 .avatar{ margin: 0px; }
194 | 	
195 | .post-style-2 .avatar-area .right-area{ margin-left: 90px; position: absolute; top: 50%; transform: translateY(-50%); }
196 | 
197 | .post-style-2 .blog-image{ width: 50%; float: left; height: 100%; }
198 | 
199 | .post-style-2 .blog-image img{ height: 100%; width: 100%; }
200 | 
201 | .post-style-2 .blog-info{ width: 50%; float: left; height: 100%; position: relative; padding: 30px; padding-bottom: 45px; }
202 | 
203 | 
204 | 
205 | /* ---------------------------------
206 | 8. EXTRA MEDIUM BLOG
207 | --------------------------------- */
208 | 
209 | .post-style-2.post-style-3 .blog-info{ width: 100%; float: none; }
210 | 
211 | 
212 | 
213 | /* ---------------------------------
214 | 9. EXTRA SMALL BLOG
215 | --------------------------------- */
216 | 
217 | .blog-area .post-style-4{ margin-bottom: 30px; }
218 | 
219 | .display-table .display-table-cell.title{ padding: 30px; }
220 | 
221 | .load-more-btn{ padding: 15px 40px; margin: 10px 0 30px; transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,.4);
222 | 	background: #C3D8F5; }
223 | 
224 | .load-more-btn:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); } 
225 | 
226 | 
227 | 
228 | /* ---------------------------------
229 | 10. FOOTER
230 | --------------------------------- */
231 | 
232 | footer{ padding: 70px 0 30px; background: #fff; }
233 | 
234 | footer .footer-section{ margin-bottom: 40px; }
235 | 
236 | footer .footer-section .title{ margin-bottom: 20px; }
237 | 
238 | footer .footer-section ul > li{ margin-right: 10px; margin-top: 10px; }
239 | 
240 | 
241 | footer .copyright{ margin: 10px 0; }
242 | 
243 | 
244 | footer .icons > li > a{ height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; 
245 | 	transition: all .3s; font-size: 1.2em; box-shadow: 0px 0px 2px rgba(0,0,0,1); background: #498BF9; color: #fff; }
246 | 
247 | footer .icons > li > a:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); }
248 | 
249 | 
250 | footer .input-area{ position: relative; height: 50px; width: 100%; box-shadow: 0px 0px 1px #bbb; background: #F5F7F6; }
251 | 
252 | footer .input-area .email-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
253 | 	padding: 0 70px 0 20px; background: transparent; border: 0; outline: 0; }
254 | 
255 | footer .input-area .email-input:focus{ box-shadow: 0px 0px 1px #aaa; }
256 | 
257 | footer .input-area .submit-btn{ position: absolute; top: 0; bottom: 0; right: 0; width: 50px; background: none; 
258 | 	border: 0; outline: 0; margin-right: 10px; opacity: .8; cursor: pointer; transition: all .2s; }
259 | 
260 | 
261 | 
262 | 


--------------------------------------------------------------------------------
/public/single-post-1/css/responsive.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Screens Resolution : 992px
  4 | -------------------------------------------------------------------------- */
  5 | @media only screen and (max-width: 1200px) {
  6 | 	
  7 | 	
  8 | }
  9 | 
 10 | /* Screens Resolution : 992px
 11 | -------------------------------------------------------------------------- */
 12 | @media only screen and (max-width: 992px) {
 13 | 	
 14 | 	/* ---------------------------------
 15 | 	1. PRIMARY STYLES
 16 | 	--------------------------------- */
 17 | 
 18 | 	h1{ font-size: 4em; }
 19 | 	h2{ font-size: 3em; }
 20 | 	h3{ font-size: 2em; }
 21 | 	
 22 | 	
 23 | 	/* COMMoNS */
 24 | 	
 25 | 	.no-left-padding{ padding-left: 15px; }
 26 | 
 27 | 	.no-right-padding{ padding-right: 15px; }
 28 | 
 29 | 	
 30 | 	/* MENU */
 31 | 	
 32 | 	/* SEARCH AREA */
 33 | 
 34 | 	header .src-area{ width: 30%; }
 35 | 
 36 | 
 37 | 	/* ---------------------------------
 38 | 	6. MAIN POST ( LEF AREA )
 39 | 	--------------------------------- */
 40 | 	
 41 | 	.main-post{ border-right: 0px ; }
 42 | 	
 43 | 	.main-post .blog-post-inner,
 44 | 	.main-post .post-icons-area{ padding-right: 0px; }
 45 | 	
 46 | 	
 47 | 	/* ---------------------------------
 48 | 	7. SIDEBAR AREA
 49 | 	--------------------------------- */
 50 | 	
 51 | 	.info-area{ padding: 30px 0; }
 52 | 	
 53 | 	.info-area .sidebar-area,
 54 | 	.info-area .tag-area{ padding-left: 0px; }
 55 | 
 56 | 	
 57 | }
 58 | 
 59 | 
 60 | /* Screens Resolution : 767px
 61 | -------------------------------------------------------------------------- */
 62 | @media only screen and (max-width: 767px) {
 63 | 	
 64 | 	/* ---------------------------------
 65 | 	1. PRIMARY STYLES
 66 | 	--------------------------------- */
 67 | 
 68 | 	p{ line-height: 1.4; }
 69 | 
 70 | 	h1{ font-size: 3em; }
 71 | 	h2{ font-size: 2.5em; }
 72 | 	h3{ font-size: 1.8em; }
 73 | 	h4{ font-size: 1.5em; }
 74 | 	h5{ font-size: 1.2em; }
 75 | 	
 76 | 	/* ---------------------------------
 77 | 	2. COMMONS FOR PAGE DESIGN
 78 | 	--------------------------------- */
 79 | 
 80 | 	.section{ padding: 40px 0 10px; }
 81 | 
 82 | 	
 83 | 
 84 | 	/* ---------------------------------
 85 | 	3. MENU
 86 | 	--------------------------------- */
 87 | 	
 88 | 	
 89 | 	header .main-menu{ display: none; float: none; clear: both; border-top: 1px solid #ccc; }
 90 | 	
 91 | 	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #ddd; }
 92 | 	
 93 | 	header .main-menu > li:last-child{ border-bottom: 0; }
 94 | 	
 95 | 	header .main-menu li > a,
 96 | 	header .main-menu ul.drop-down li > a{ display: block; line-height: 1; height: auto; padding: 15px; background: none; }
 97 | 	
 98 | 	
 99 | 	
100 | 	/* SEARCH AREA */
101 | 
102 | 	header .src-area{ width: 100%; }
103 | 	
104 | 	
105 | 	/* NAV ICON */
106 | 	
107 | 	.menu-nav-icon{ display: inline-block; }
108 | 	
109 | 	
110 | 	/* ---------------------------------
111 | 	10. FOOTER
112 | 	--------------------------------- */
113 | 
114 | 	footer{ padding: 40px 0 0px; margin-top: 0px; }
115 | 
116 | 	
117 | }
118 | 
119 | /* Screens Resolution : 479px
120 | -------------------------------------------------------------------------- */
121 | @media only screen and (max-width: 479px) {
122 | 
123 | 	/* ---------------------------------
124 | 	1. PRIMARY STYLES
125 | 	--------------------------------- */
126 | 
127 | 	body{ font-size: 14px;  }
128 | 	
129 | 	/* ---------------------------------
130 | 	6. MAIN POST ( LEF AREA )
131 | 	--------------------------------- */
132 | 
133 | 	/* ICONS */
134 | 
135 | 	.main-post ul.post-icons,
136 | 	.main-post ul.icons{ float: none; margin-top: 10px; }
137 | 	
138 | 	.main-post ul.post-icons > li > a > i,
139 | 	.main-post ul.icons > li > a > i{ padding: 0; padding-right: 10px; }
140 | 
141 | 
142 | 	
143 | }
144 | 
145 | /* Screens Resolution : 359px
146 | -------------------------------------------------------------------------- */
147 | @media only screen and (max-width: 359px) {
148 | 	
149 | 	
150 | }
151 | 
152 | /* Screens Resolution : 290px
153 | -------------------------------------------------------------------------- */
154 | @media only screen and (max-width: 290px) {
155 | 	
156 | 	
157 | }


--------------------------------------------------------------------------------
/public/single-post-2/css/responsive.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Screens Resolution : 992px
  4 | -------------------------------------------------------------------------- */
  5 | @media only screen and (max-width: 1200px) {
  6 | 	
  7 | 	
  8 | }
  9 | 
 10 | /* Screens Resolution : 992px
 11 | -------------------------------------------------------------------------- */
 12 | @media only screen and (max-width: 992px) {
 13 | 	
 14 | 	/* ---------------------------------
 15 | 	1. PRIMARY STYLES
 16 | 	--------------------------------- */
 17 | 
 18 | 	h1{ font-size: 4em; }
 19 | 	h2{ font-size: 3em; }
 20 | 	h3{ font-size: 2em; }
 21 | 	
 22 | 	
 23 | 	/* COMMoNS */
 24 | 	
 25 | 	.no-left-padding{ padding-left: 15px; }
 26 | 
 27 | 	.no-right-padding{ padding-right: 15px; }
 28 | 
 29 | 	
 30 | 	/* MENU */
 31 | 	
 32 | 	/* SEARCH AREA */
 33 | 
 34 | 	header .src-area{ width: 30%; }
 35 | 
 36 | 	
 37 | 	/* ---------------------------------
 38 | 	6. MAIN POST
 39 | 	--------------------------------- */
 40 | 
 41 | 	.main-post .post-top-area,
 42 | 	.main-post .post-bottom-area{ margin: 30px; }
 43 | 
 44 | 	/* ---------------------------------
 45 | 	7. SIDEBAR AREA
 46 | 	--------------------------------- */
 47 | 	
 48 | 	.info-area{ padding: 30px 0; }
 49 | 	
 50 | 	.info-area .sidebar-area,
 51 | 	.info-area .tag-area{ padding-left: 0px; }
 52 | 
 53 | 	
 54 | }
 55 | 
 56 | 
 57 | /* Screens Resolution : 767px
 58 | -------------------------------------------------------------------------- */
 59 | @media only screen and (max-width: 767px) {
 60 | 	
 61 | 	/* ---------------------------------
 62 | 	1. PRIMARY STYLES
 63 | 	--------------------------------- */
 64 | 
 65 | 	p{ line-height: 1.4; }
 66 | 
 67 | 	h1{ font-size: 3em; }
 68 | 	h2{ font-size: 2.5em; }
 69 | 	h3{ font-size: 1.8em; }
 70 | 	h4{ font-size: 1.5em; }
 71 | 	h5{ font-size: 1.2em; }
 72 | 	
 73 | 	
 74 | 	
 75 | 	/* ---------------------------------
 76 | 	2. COMMONS FOR PAGE DESIGN
 77 | 	--------------------------------- */
 78 | 
 79 | 	.section{ padding: 40px 0 10px; }
 80 | 
 81 | 	
 82 | 
 83 | 	/* ---------------------------------
 84 | 	3. MENU
 85 | 	--------------------------------- */
 86 | 
 87 | 	header .main-menu{ display: none; float: none; clear: both; border-top: 1px solid #ccc; }
 88 | 	
 89 | 	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #ddd; }
 90 | 	
 91 | 	header .main-menu > li:last-child{ border-bottom: 0; }
 92 | 	
 93 | 	header .main-menu li > a,
 94 | 	header .main-menu ul.drop-down li > a{ display: block; line-height: 1; height: auto; padding: 15px; background: none; }
 95 | 	
 96 | 	
 97 | 	
 98 | 	/* SEARCH AREA */
 99 | 
100 | 	header .src-area{ width: 100%; }
101 | 	
102 | 	
103 | 	/* NAV ICON */
104 | 	
105 | 	.menu-nav-icon{ display: inline-block; }
106 | 	
107 | 	
108 | 	/* ---------------------------------
109 | 	4. SLIDER
110 | 	--------------------------------- */
111 | 
112 | 	.slider{ height: 400px; width: 100%; background-image: url(../../images/category-1.jpg); background-size: cover; }  
113 | 
114 | 
115 | 	/* ---------------------------------
116 | 	10. FOOTER
117 | 	--------------------------------- */
118 | 
119 | 	footer{ padding: 40px 0 0px; margin-top: 0px; }
120 | 
121 | 	
122 | }
123 | 
124 | /* Screens Resolution : 479px
125 | -------------------------------------------------------------------------- */
126 | @media only screen and (max-width: 479px) {
127 | 
128 | 	/* ---------------------------------
129 | 	1. PRIMARY STYLES
130 | 	--------------------------------- */
131 | 
132 | 	body{ font-size: 14px;  }
133 | 	
134 | 	/* ---------------------------------
135 | 	6. MAIN POST ( LEF AREA )
136 | 	--------------------------------- */
137 | 
138 | 	/* ICONS */
139 | 
140 | 	.main-post ul.post-icons,
141 | 	.main-post ul.icons{ float: none; margin-top: 10px; }
142 | 	
143 | 	.main-post ul.post-icons > li > a > i,
144 | 	.main-post ul.icons > li > a > i{ padding: 0; padding-right: 10px; }
145 | 
146 | 
147 | 	
148 | }
149 | 
150 | /* Screens Resolution : 359px
151 | -------------------------------------------------------------------------- */
152 | @media only screen and (max-width: 359px) {
153 | 	
154 | 	
155 | }
156 | 
157 | /* Screens Resolution : 290px
158 | -------------------------------------------------------------------------- */
159 | @media only screen and (max-width: 290px) {
160 | 	
161 | 	
162 | }


--------------------------------------------------------------------------------
/public/single-post-2/css/styles.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /*
  3 | ====================================================
  4 | 
  5 | * 	[Master Stylesheet]
  6 | 	
  7 | 	Theme Name :  
  8 | 	Version    :  
  9 | 	Author     :  
 10 | 	Author URI :  
 11 | 
 12 | ====================================================
 13 | 
 14 | 
 15 | /* ---------------------------------
 16 | 1. PRIMARY STYLES
 17 | --------------------------------- */
 18 | 
 19 | html{ font-size: 100%; height: 100%;  overflow-x: hidden; touch-action: manipulation; }
 20 | 
 21 | body{ font-size: 15px; font-family: 'Roboto', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 300;
 22 | 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
 23 | 	background: #EDF3F3; color: #000; }
 24 | 
 25 | h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img{ margin: 0; padding: 0; font-weight: 300; }
 26 | 
 27 | h1,h2,h3,h4,h5,h6{ line-height: 1.5; }
 28 | 
 29 | p{ line-height: 1.6; font-family: 'Maven Pro', sans-serif; font-weight: 400; color: #444; }
 30 | 
 31 | h1{ font-size: 4em; line-height: 1; }
 32 | h2{ font-size: 2.8em; line-height: 1.1; }
 33 | h3{ font-size: 2em; }
 34 | h4{ font-size: 1.2em; }
 35 | h5{ font-size: 1.1em; }
 36 | h6{ font-size: .9em; letter-spacing: 1px; }
 37 | 
 38 | a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; }
 39 | 
 40 | a:focus, a:active, a:hover,
 41 | button:focus, button:active, button:hover{ text-decoration: none; color: #498BF9; }
 42 | 
 43 | b{ font-weight: 500; }
 44 | 
 45 | img{ width: 100%; }
 46 | 
 47 | li{ list-style: none; display: inline-block; }
 48 | 
 49 | span{ display: inline-block; }
 50 | 
 51 | header{ font-weight: 400; }
 52 | 
 53 | 
 54 | 
 55 | /* ---------------------------------
 56 | 2. COMMONS FOR PAGE DESIGN
 57 | --------------------------------- */
 58 | 
 59 | .section{ padding: 70px 0 40px; }
 60 | 
 61 | .section .heading{ padding-bottom: 70px; }
 62 | 
 63 | .center-text{ text-align: center; } 
 64 | 
 65 | .color-white{ color: #fff; }
 66 | 
 67 | .display-table{ display: table; height: 100%; width: 100%; }
 68 | 
 69 | .display-table-cell{ display: table-cell; vertical-align: middle; }
 70 | 
 71 | .card{ background: transparent; border: 0; }
 72 | 
 73 | .no-side-padding{ padding-right: 0px; padding-left: 0px; }
 74 | 
 75 | .no-left-padding{ padding-left: 0px; }
 76 | 
 77 | .no-right-padding{ padding-right: 0px; }
 78 | 
 79 | .icon{ font-size: 2em; }
 80 | 
 81 | 
 82 | ::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }
 83 | 
 84 | ::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }
 85 | 
 86 | :-ms-input-placeholder { font-size: .9em; letter-spacing: 1px;  }
 87 | 
 88 | :-moz-placeholder { font-size: .9em; letter-spacing: 1px;  }
 89 | 
 90 | 
 91 | 
 92 | /* ---------------------------------
 93 | 3. MENU
 94 | --------------------------------- */
 95 | 
 96 | header{ overflow: hidden; background: #fff; box-shadow: 0px 2px 10px rgba(0,0,0, .3); }
 97 | 
 98 | header .logo{ float: left; height: 20px; margin: 20px 30px; }
 99 | 
100 | header .logo img{ height: 100%; width: auto; }
101 | 
102 | 
103 | header .main-menu{ display: inline-block; float: left; }
104 | 
105 | header .main-menu > li{ float: left; }
106 | 
107 | header .main-menu > li > a{ height: 60px; line-height: 60px; padding: 0 25px; border-right: 1px solid #eee; }
108 | 
109 | header .main-menu > li > a:hover{  background: #eee; }
110 | 
111 | header .main-menu > li:first-child > a{ border-left: 1px solid #eee; }
112 | 
113 | 
114 | header .visible.main-menu{ display: block; }
115 | 
116 | 
117 | 
118 | /* SEARCH AREA */
119 | 
120 | header .src-area{ position: relative; height: 60px; width: 50%; float: right; display: inline-block; background: #F5F7F6; }
121 | 
122 | header .src-area .src-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
123 | 	padding: 0 20px 0 70px; background: transparent; border: 0; outline: 0; }
124 | 
125 | header .src-area .src-input:focus{ box-shadow: 0px 0px 1px #aaa; }
126 | 
127 | header .src-area .src-btn{ position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: none; border: 0; 
128 | 	font-size: 1.2em; outline: 0; margin-left: 20px; opacity: .6; cursor: pointer; z-index: 10; }
129 | 
130 | 
131 | /* NAV ICON */
132 | 
133 | .menu-nav-icon{ display: none; height: 60px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; 
134 | 	position: absolute; right: 0; font-size: 1.8em; }
135 | 
136 | 
137 | /* ---------------------------------
138 | 4. SLIDER
139 | --------------------------------- */
140 | 
141 | .slider{ height: 400px; width: 100%; background-image: url(../../images/slider-1-1600x900.jpg); background-size: cover; }  
142 | 
143 | 
144 |  
145 | /* ---------------------------------
146 | 5. BLOG POST
147 | --------------------------------- */
148 | 
149 | .post-area .post-info{ position: relative; padding: 30px 0; }
150 | 
151 | .post-area .post-info .left-area{ height: 70px; width: 70px; border-radius: 100px; overflow: hidden; position: absolute;
152 | 	top: 50%; margin-top: -35px; border: 6px solid #fff; box-shadow: 0px 0px 5px rgba(0,0,0,.3); }
153 | 
154 | .post-area .post-info .middle-area{ padding-left: 90px; display: inline-block; }
155 | 
156 | .post-area .post-info .date{ display: inline-block; color: #999; }
157 | 
158 | .post-area .post-info .right-area{ float: right; }
159 | 
160 | 
161 | /* ---------------------------------
162 | 6. MAIN POST
163 | --------------------------------- */
164 | 
165 | .main-post{ margin-top: -100px; padding: 50px 0px 20px; box-shadow: 0px 0px 5px rgba(0,0,0,.1); 
166 | 	border-bottom: 1px solid #eee; background: #fff; }
167 | 
168 | .main-post .post-top-area,
169 | .main-post .post-bottom-area{ margin: 0 70px; }
170 | 
171 | .main-post .pre-title{ margin-bottom: 20px; color: #777; }
172 | 
173 | .main-post .title{ margin-bottom: 30px; }
174 | 
175 | .main-post .para{ margin: 30px 0; }
176 | 
177 | .main-post ul.tags{ margin: 30px 0; }
178 | 
179 | .main-post ul.tags > li > a{ padding: 7px 10px; margin-bottom: 10px; margin-right: 10px; float: left; 
180 | 	border: 1px solid #ddd; background: #ddd; }
181 | 
182 | .main-post ul.tags > li > a:hover{ background: none; }
183 | 
184 | 
185 | /* ICONS */
186 | 
187 | .main-post .post-icons-area{ margin: 30px 0; padding: 30px 0; overflow: hidden; 
188 | 	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
189 | 
190 | .main-post ul.post-icons{ float: left; }
191 | 
192 | .main-post ul.post-icons > li > a{ padding-right: 15px; }
193 | 
194 | .main-post ul.post-icons > li > a > i{ padding-right: 10px; font-size: 1.1em; opacity: .5; }
195 | 
196 | .main-post ul.icons{ float: right; }
197 | 
198 | .main-post ul.icons > li > a > i{ padding-left: 15px; font-size: 1.1em; opacity: .5; }
199 | 
200 | 
201 | /* POST FOOTER */
202 | 
203 | .main-post .post-footer.post-info{ margin-top: 30px; padding-right: 30px; }
204 | 
205 | .main-post .post-footer{ margin-bottom: 30px; }
206 | 
207 | 
208 | 
209 | /* ---------------------------------
210 | 7. RECOMENEDED AREA
211 | --------------------------------- */
212 | 
213 | .recomended-area .row div[class^="col"] { margin-bottom: 30px; }
214 | 
215 | .recomended-area{ text-align: center; background: #EDF3F3; }
216 | 
217 | .recomended-area .single-post{ height: 100%; position: relative; padding-bottom: 45px;
218 | 	overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,.1); border: 1px solid #ddd; background: #fff; }
219 | 
220 | .recomended-area .single-post .title{ padding: 20px 30px 30px; }
221 | 
222 | .single-post .avatar{ margin: 0 auto; margin-top: -40px; width: 70px; height: 70px; overflow: hidden; z-index: 10;
223 | 	border-radius: 100px; position: relative; border: 7px solid #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
224 | 
225 | .single-post .post-footer{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
226 | 
227 | .single-post .post-footer > li{ width: 33.33%; display: inline-block; border-right: 1px solid #fff; background: #EDF3F3; }
228 | 
229 | .single-post .post-footer > li:first-child{ float: left; }
230 | 
231 | .single-post .post-footer > li:last-child{ border: 0px; float: right; }
232 | 
233 | .single-post .post-footer > li > a{ line-height: 45px; width: 100%; }
234 | 
235 | .single-post .post-footer i{ display: inline-block; margin-right: 10px; opacity: .6; font-size: 1.1em; }
236 | 
237 | 
238 | 
239 | /* ---------------------------------
240 | 8. POST COMMENT
241 | --------------------------------- */
242 | 
243 | .comment-form{ margin: 30px 0; padding: 30px; box-shadow: 0px 0px 5px rgba(0,0,0,.1); 
244 | 	border: 1px solid #ddd; background: #fff; }
245 | 
246 | .comment-form .form-control{ margin-bottom: 30px; border-radius: 1px; border: 0; border-bottom: 1px solid #ddd;
247 | 	height: 45px; line-height: 45px; box-shadow: none; padding: 0; max-width: 100%; }
248 | 
249 | .comment-form textarea.form-control{ height: auto; }
250 | 
251 | .comment-form .form-control:focus{ border-color: #498BF9; }
252 | 
253 | .comment-form .submit-btn{ font-size: .8em; border: 0; outline: 0; padding: 10px 20px; cursor: pointer; 
254 | 	border: 1px solid #D2E2FC; background: #D2E2FC; }
255 | 
256 | .comment-form .submit-btn:hover{ background: none; }
257 | 
258 | 
259 | 
260 | /* COMMENTS */
261 | 
262 | .commnets-area{ padding: 30px 40px; margin: 30px 0; overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,.1); 
263 | 	background: #fff; }
264 | 
265 | .comment{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
266 | 
267 | .comment:last-child{ padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; }
268 | 
269 | .comment .reply-for{ margin-bottom: 20px; }
270 | 
271 | .comment .post-info{ position: relative; padding: 30px 0; }
272 | 
273 | .comment .post-info .left-area{ height: 70px; width: 70px; border-radius: 100px; overflow: hidden; position: absolute;
274 | 	top: 50%; margin-top: -35px; border: 6px	solid #fff; box-shadow: 0px 0px 5px rgba(0,0,0,.3); }
275 | 
276 | .comment .post-info .middle-area{ padding-left: 90px; width: calc(100% - 70px); display: inline-block; }
277 | 
278 | .comment .post-info .date{ display: inline-block; color: #999; }
279 | 
280 | .comment .post-info .right-area{ float: right; }
281 | 
282 | 
283 | .more-comment-btn{ display: block; margin-bottom: 30px; padding: 10px; text-align: center; 
284 | 	box-shadow: 0px 0px 5px rgba(0,0,0,.1); border: 1px solid #fff; background: #fff; color: #555; }
285 | 
286 | .more-comment-btn:hover{ border-color: #ccc; }	
287 | 
288 | 
289 | 
290 | /* ---------------------------------
291 | 9. FOOTER
292 | --------------------------------- */
293 | 
294 | footer{ padding: 70px 0 30px; margin-top: 40px; background: #fff; }
295 | 
296 | footer .footer-section{ margin-bottom: 40px; }
297 | 
298 | footer .footer-section .title{ margin-bottom: 20px; }
299 | 
300 | footer .footer-section ul > li{ margin-right: 10px; margin-top: 10px; }
301 | 
302 | footer .copyright{ margin: 10px 0 20px; }
303 | 
304 | footer .icons > li > a{ height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; 
305 | 	transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,1); background: #498BF9; color: #fff; }
306 | 
307 | footer .icons > li > a:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); }
308 | 
309 | footer .input-area{ position: relative; height: 50px; width: 100%; box-shadow: 0px 0px 1px #bbb; background: #F5F7F6; }
310 | 
311 | footer .input-area .email-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
312 | 	padding: 0 70px 0 20px; background: transparent; border: 0; outline: 0; }
313 | 
314 | footer .input-area .email-input:focus{ box-shadow: 0px 0px 1px #aaa; }
315 | 
316 | footer .input-area .submit-btn{ position: absolute; top: 0; bottom: 0; right: 0; width: 50px; background: none; 
317 | 	border: 0; outline: 0; margin-right: 10px; opacity: .8; cursor: pointer; transition: all .2s; }
318 | 
319 | 
320 | 


--------------------------------------------------------------------------------
/public/single-post-3/css/responsive.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Screens Resolution : 992px
  4 | -------------------------------------------------------------------------- */
  5 | @media only screen and (max-width: 1200px) {
  6 | 	
  7 | 	
  8 | }
  9 | 
 10 | /* Screens Resolution : 992px
 11 | -------------------------------------------------------------------------- */
 12 | @media only screen and (max-width: 992px) {
 13 | 	
 14 | 	/* ---------------------------------
 15 | 	1. PRIMARY STYLES
 16 | 	--------------------------------- */
 17 | 
 18 | 	h1{ font-size: 4em; }
 19 | 	h2{ font-size: 3em; }
 20 | 	h3{ font-size: 2em; }
 21 | 	
 22 | 	
 23 | 	/* COMMoNS */
 24 | 	
 25 | 	.no-left-padding{ padding-left: 15px; }
 26 | 
 27 | 	.no-right-padding{ padding-right: 15px; }
 28 | 
 29 | 	
 30 | 	/* MENU */
 31 | 	
 32 | 	/* SEARCH AREA */
 33 | 
 34 | 	header .src-area{ width: 30%; }
 35 | 
 36 | 	
 37 | 	/* ---------------------------------
 38 | 	6. MAIN POST
 39 | 	--------------------------------- */
 40 | 
 41 | 	.main-post .post-top-area,
 42 | 	.main-post .post-bottom-area{ margin: 0 0px; }
 43 | 
 44 | 	/* ---------------------------------
 45 | 	7. SIDEBAR AREA
 46 | 	--------------------------------- */
 47 | 	
 48 | 	.info-area{ padding: 30px 0; }
 49 | 	
 50 | 	.info-area .sidebar-area,
 51 | 	.info-area .tag-area{ padding-left: 0px; }
 52 | 
 53 | 	
 54 | }
 55 | 
 56 | 
 57 | /* Screens Resolution : 767px
 58 | -------------------------------------------------------------------------- */
 59 | @media only screen and (max-width: 767px) {
 60 | 	
 61 | 	/* ---------------------------------
 62 | 	1. PRIMARY STYLES
 63 | 	--------------------------------- */
 64 | 
 65 | 	p{ line-height: 1.4; }
 66 | 
 67 | 	h1{ font-size: 3em; }
 68 | 	h2{ font-size: 2.5em; }
 69 | 	h3{ font-size: 1.8em; }
 70 | 	h4{ font-size: 1.5em; }
 71 | 	h5{ font-size: 1.2em; }
 72 | 	
 73 | 	/* ---------------------------------
 74 | 	2. COMMONS FOR PAGE DESIGN
 75 | 	--------------------------------- */
 76 | 
 77 | 	.section{ padding: 40px 0 10px; }
 78 | 
 79 | 	
 80 | 
 81 | 	/* ---------------------------------
 82 | 	3. MENU
 83 | 	--------------------------------- */
 84 | 	
 85 | 	
 86 | 	header .main-menu{ display: none; float: none; clear: both; border-top: 1px solid #ccc; }
 87 | 	
 88 | 	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #ddd; }
 89 | 	
 90 | 	header .main-menu > li:last-child{ border-bottom: 0; }
 91 | 	
 92 | 	header .main-menu li > a,
 93 | 	header .main-menu ul.drop-down li > a{ display: block; line-height: 1; height: auto; padding: 15px; background: none; }
 94 | 	
 95 | 	
 96 | 	
 97 | 	/* SEARCH AREA */
 98 | 
 99 | 	header .src-area{ width: 100%; }
100 | 	
101 | 	
102 | 	/* NAV ICON */
103 | 	
104 | 	.menu-nav-icon{ display: inline-block; }
105 | 	
106 | 	
107 | 	/* ---------------------------------
108 | 	4. SLIDER
109 | 	--------------------------------- */
110 | 
111 | 	.slider{ height: 400px; }
112 | 
113 | 
114 | 	/* ---------------------------------
115 | 	10. FOOTER
116 | 	--------------------------------- */
117 | 
118 | 	footer{ padding: 40px 0 0px; margin-top: 0px; }
119 | 
120 | 	
121 | }
122 | 
123 | /* Screens Resolution : 479px
124 | -------------------------------------------------------------------------- */
125 | @media only screen and (max-width: 479px) {
126 | 
127 | 	/* ---------------------------------
128 | 	1. PRIMARY STYLES
129 | 	--------------------------------- */
130 | 
131 | 	body{ font-size: 14px;  }
132 | 	
133 | 	/* ---------------------------------
134 | 	6. MAIN POST ( LEF AREA )
135 | 	--------------------------------- */
136 | 
137 | 	/* ICONS */
138 | 
139 | 	.main-post ul.post-icons,
140 | 	.main-post ul.icons{ float: none; margin-top: 10px; }
141 | 	
142 | 	.main-post ul.post-icons > li > a > i,
143 | 	.main-post ul.icons > li > a > i{ padding: 0; padding-right: 10px; }
144 | 
145 | 
146 | 	
147 | }
148 | 
149 | /* Screens Resolution : 359px
150 | -------------------------------------------------------------------------- */
151 | @media only screen and (max-width: 359px) {
152 | 	
153 | 	
154 | }
155 | 
156 | /* Screens Resolution : 290px
157 | -------------------------------------------------------------------------- */
158 | @media only screen and (max-width: 290px) {
159 | 	
160 | 	
161 | }


--------------------------------------------------------------------------------
/views/View.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | /**
  4 |  *
  5 |  */
  6 | class View
  7 | {
  8 |   //fichier vue
  9 |   private $_file;
 10 | 
 11 |   //titre de la page
 12 |   private $_t;
 13 | 
 14 |   function __construct($action)
 15 |   {
 16 |     $this->_file = 'views/view'.$action.'.php';
 17 |   }
 18 | 
 19 |   //crée une fonction qui va
 20 |   //générer et afficher la vue de tous les articles
 21 |   public function generate($data){
 22 |     //définir le contenu à envoyer
 23 |     $content = $this->generateFile($this->_file, $data);
 24 | 
 25 |     //template
 26 |     $view = $this->generateFile('views/template.php', array('t' => $this->_t, 'content' => $content));
 27 |     echo $view;
 28 |   }
 29 | 
 30 |   //générer la vue d'un article
 31 |   public function generatePost($data){
 32 |     //définir le contenu à envoyer
 33 |     $content = $this->generateFile($this->_file, $data);
 34 | 
 35 |     //template
 36 |     $view = $this->generateFile('views/templateSingle.php', array('t' => $this->_t, 'content' => $content));
 37 |     echo $view;
 38 |   }
 39 | 
 40 |   //générer la vue du forulaire
 41 |   //de création d'un article
 42 |   public function generateForm(){
 43 |     //définir le contenu à envoyer
 44 |     $content = $this->generateFileSimple($this->_file);
 45 | 
 46 |     //template
 47 |     $view = $this->generateFile('views/templateForm.php', array('t' => $this->_t, 'content' => $content));
 48 |     echo $view;
 49 |   }
 50 | 
 51 | 
 52 |   private function generateFile($file, $data){
 53 |     if (file_exists($file)) {
 54 |       extract($data);
 55 | 
 56 |       //commencer la temporisation
 57 |       ob_start();
 58 | 
 59 |       require $file;
 60 | 
 61 |       //arreter la temporisation
 62 |      return ob_get_clean();
 63 |     }
 64 |     else {
 65 |       throw new \Exception("Fichier ".$file." introuvable", 1);
 66 | 
 67 |     }
 68 |   }
 69 | 
 70 |   private function generateFileSimple($file){
 71 |     if (file_exists($file)) {
 72 | 
 73 | 
 74 | 
 75 |       require $file;
 76 | 
 77 |     }
 78 |     else {
 79 |       throw new \Exception("Fichier ".$file." introuvable", 1);
 80 | 
 81 |     }
 82 |   }
 83 | 
 84 | 
 85 | 
 86 | 
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | }
 96 | 
 97 | 
 98 | 
 99 | 
100 | 
101 | 
102 | 
103 | 
104 | 
105 |  ?>
106 | 


--------------------------------------------------------------------------------
/views/blank-static.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en">
  3 | <head>
  4 | 	<title>TITLE</title>
  5 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 | 	<meta charset="UTF-8">
  8 | 
  9 | 
 10 | 	<!-- Font -->
 11 | 
 12 | 	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
 13 | 
 14 | 
 15 | 	<!-- Stylesheets -->
 16 | 
 17 | 	<link href="common-css/bootstrap.css" rel="stylesheet">
 18 | 
 19 | 	<link href="common-css/ionicons.css" rel="stylesheet">
 20 | 
 21 | 
 22 | 	<link href="blank-static/css/styles.css" rel="stylesheet">
 23 | 
 24 | 	<link href="blank-static/css/responsive.css" rel="stylesheet">
 25 | 
 26 | </head>
 27 | <body >
 28 | 
 29 | 	<header>
 30 | 		<div class="container-fluid position-relative no-side-padding">
 31 | 
 32 | 			<a href="#" class="logo"><img src="images/logo.png" alt="Logo Image"></a>
 33 | 
 34 | 			<div class="menu-nav-icon" data-nav-menu="#main-menu"><i class="ion-navicon"></i></div>
 35 | 
 36 | 			<ul class="main-menu visible-on-click" id="main-menu">
 37 | 				<li><a href="#">Home</a></li>
 38 | 				<li><a href="#">Categories</a></li>
 39 | 				<li><a href="#">Features</a></li>
 40 | 			</ul><!-- main-menu -->
 41 | 
 42 | 			<div class="src-area">
 43 | 				<form>
 44 | 					<button class="src-btn" type="submit"><i class="ion-ios-search-strong"></i></button>
 45 | 					<input class="src-input" type="text" placeholder="Type of search">
 46 | 				</form>
 47 | 			</div>
 48 | 
 49 | 		</div><!-- conatiner -->
 50 | 	</header>
 51 | 
 52 | 	<div class="slider display-table center-text">
 53 | 		<h1 class="title display-table-cell"><b>BEAUTY</b></h1>
 54 | 	</div><!-- slider -->
 55 | 
 56 | 	<section class="blog-area section">
 57 | 		<div class="container">
 58 | 
 59 | 			<div class="row">
 60 | 				<div class="col-lg-2 col-md-0"></div>
 61 | 				<div class="col-lg-8 col-md-12">
 62 | 					<div class="post-wrapper">
 63 | 
 64 | 						<h3 class="title"><a href="#"><b>How Did Van Gogh's Turbulent Mind Depict One of the Most Complex Concepts in Physics?</b></a></h3>
 65 | 
 66 | 						<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
 67 | 							incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 68 | 							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
 69 | 							Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 70 | 							Excepteur sint occaecat cupidatat non proident,
 71 | 							sunt in culpa qui officia deserunt mollit anim id est laborum
 72 | 							Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
 73 | 							laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
 74 | 							architecto beatae vitae dicta sunt explicabo.
 75 | 							Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,
 76 | 							sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
 77 | 
 78 | 						<p class="para">Labore et dolore magna aliqua. Ut enim ad minim veniam,
 79 | 							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
 80 | 							Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 81 | 							Excepteur sint occaecat cupidatat non proident,
 82 | 							sunt in culpa qui officia deserunt mollit anim id est laborum
 83 | 							Sed ut perspiciatis unde omnis iste natus.</p>
 84 | 
 85 | 						<p class="para">Occaecat cupidatat non proident,
 86 | 							sunt in culpa qui officia deserunt mollit anim id est laborum
 87 | 							Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
 88 | 							laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
 89 | 							architecto beatae vitae dicta sunt explicabo.
 90 | 							Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,
 91 | 							sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
 92 | 
 93 | 
 94 | 					</div><!-- post-wrapper -->
 95 | 				</div><!-- col-sm-8 col-sm-offset-2 -->
 96 | 			</div><!-- row -->
 97 | 
 98 | 		</div><!-- container -->
 99 | 	</section><!-- section -->
100 | 
101 | 
102 | 	<footer>
103 | 		<div class="container">
104 | 			<div class="row">
105 | 
106 | 				<div class="col-lg-4 col-md-6">
107 | 					<div class="footer-section">
108 | 
109 | 						<a class="logo" href="#"><img src="images/logo.png" alt="Logo Image"></a>
110 | 						<p class="copyright">Bona @ 2017. All rights reserved.</p>
111 | 						<p class="copyright">Designed by <a href="https://colorlib.com" target="_blank">Colorlib</a></p>
112 | 						<ul class="icons">
113 | 							<li><a href="#"><i class="ion-social-facebook-outline"></i></a></li>
114 | 							<li><a href="#"><i class="ion-social-twitter-outline"></i></a></li>
115 | 							<li><a href="#"><i class="ion-social-instagram-outline"></i></a></li>
116 | 							<li><a href="#"><i class="ion-social-vimeo-outline"></i></a></li>
117 | 							<li><a href="#"><i class="ion-social-pinterest-outline"></i></a></li>
118 | 						</ul>
119 | 
120 | 					</div><!-- footer-section -->
121 | 				</div><!-- col-lg-4 col-md-6 -->
122 | 
123 | 				<div class="col-lg-4 col-md-6">
124 | 						<div class="footer-section">
125 | 						<h4 class="title"><b>CATAGORIES</b></h4>
126 | 						<ul>
127 | 							<li><a href="#">BEAUTY</a></li>
128 | 							<li><a href="#">HEALTH</a></li>
129 | 							<li><a href="#">MUSIC</a></li>
130 | 						</ul>
131 | 						<ul>
132 | 							<li><a href="#">SPORT</a></li>
133 | 							<li><a href="#">DESIGN</a></li>
134 | 							<li><a href="#">TRAVEL</a></li>
135 | 						</ul>
136 | 					</div><!-- footer-section -->
137 | 				</div><!-- col-lg-4 col-md-6 -->
138 | 
139 | 				<div class="col-lg-4 col-md-6">
140 | 					<div class="footer-section">
141 | 
142 | 						<h4 class="title"><b>SUBSCRIBE</b></h4>
143 | 						<div class="input-area">
144 | 							<form>
145 | 								<input class="email-input" type="text" placeholder="Enter your email">
146 | 								<button class="submit-btn" type="submit"><i class="icon ion-ios-email-outline"></i></button>
147 | 							</form>
148 | 						</div>
149 | 
150 | 					</div><!-- footer-section -->
151 | 				</div><!-- col-lg-4 col-md-6 -->
152 | 
153 | 			</div><!-- row -->
154 | 		</div><!-- container -->
155 | 	</footer>
156 | 
157 | 
158 | 	<!-- SCIPTS -->
159 | 
160 | 	<script src="common-js/jquery-3.1.1.min.js"></script>
161 | 
162 | 	<script src="common-js/tether.min.js"></script>
163 | 
164 | 	<script src="common-js/bootstrap.js"></script>
165 | 
166 | 	<script src="common-js/scripts.js"></script>
167 | 
168 | </body>
169 | </html>
170 | 


--------------------------------------------------------------------------------
/views/template.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en">
  3 | <head>
  4 | 	<title>TITLE</title>
  5 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 | 	<meta charset="UTF-8">
  8 | 
  9 | 
 10 | 	<!-- Font -->
 11 | 
 12 | 	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
 13 | 
 14 | 
 15 | 	<!-- Stylesheets -->
 16 | 
 17 | 	<link href="public/common-css/bootstrap.css" rel="stylesheet">
 18 | 
 19 | 	<link href="public/common-css/ionicons.css" rel="stylesheet">
 20 | 
 21 | 
 22 | 	<link href="public/layout-1/css/styles.css" rel="stylesheet">
 23 | 
 24 | 	<link href="public/layout-1/css/responsive.css" rel="stylesheet">
 25 | 
 26 | </head>
 27 | <body >
 28 | 
 29 | 	<header>
 30 | 		<div class="container-fluid position-relative no-side-padding">
 31 | 
 32 | 			<a href="#" class="logo"><img src="public/images/logo.png" alt="Logo Image"></a>
 33 | 
 34 | 			<div class="menu-nav-icon" data-nav-menu="#main-menu"><i class="ion-navicon"></i></div>
 35 | 
 36 | 			<ul class="main-menu visible-on-click" id="main-menu">
 37 | 				<li><a href="#">Home</a></li>
 38 | 				<li><a href="#">Categories</a></li>
 39 | 				<li><a href="#">Features</a></li>
 40 | 				<li><a href="post&create">Créer un article</a></li>
 41 | 			</ul><!-- main-menu -->
 42 | 
 43 | 			<div class="src-area">
 44 | 				<form>
 45 | 					<button class="src-btn" type="submit"><i class="ion-ios-search-strong"></i></button>
 46 | 					<input class="src-input" type="text" placeholder="Type of search">
 47 | 				</form>
 48 | 			</div>
 49 | 
 50 | 		</div><!-- conatiner -->
 51 | 	</header>
 52 | 
 53 | 
 54 |   <?= $content ?>
 55 | 
 56 | 
 57 | 
 58 | 
 59 | 
 60 | 
 61 | 
 62 | 	<footer>
 63 | 
 64 | 		<div class="container">
 65 | 			<div class="row">
 66 | 
 67 | 				<div class="col-lg-4 col-md-6">
 68 | 					<div class="footer-section">
 69 | 
 70 | 						<a class="logo" href="#"><img src="public/images/logo.png" alt="Logo Image"></a>
 71 | 						<p class="copyright">Bona @ 2017. All rights reserved.</p>
 72 | 						<p class="copyright">Designed by <a href="public/https://colorlib.com" target="_blank">Colorlib</a></p>
 73 | 						<ul class="icons">
 74 | 							<li><a href="#"><i class="ion-social-facebook-outline"></i></a></li>
 75 | 							<li><a href="#"><i class="ion-social-twitter-outline"></i></a></li>
 76 | 							<li><a href="#"><i class="ion-social-instagram-outline"></i></a></li>
 77 | 							<li><a href="#"><i class="ion-social-vimeo-outline"></i></a></li>
 78 | 							<li><a href="#"><i class="ion-social-pinterest-outline"></i></a></li>
 79 | 						</ul>
 80 | 
 81 | 					</div><!-- footer-section -->
 82 | 				</div><!-- col-lg-4 col-md-6 -->
 83 | 
 84 | 				<div class="col-lg-4 col-md-6">
 85 | 						<div class="footer-section">
 86 | 						<h4 class="title"><b>CATAGORIES</b></h4>
 87 | 						<ul>
 88 | 							<li><a href="#">BEAUTY</a></li>
 89 | 							<li><a href="#">HEALTH</a></li>
 90 | 							<li><a href="#">MUSIC</a></li>
 91 | 						</ul>
 92 | 						<ul>
 93 | 							<li><a href="#">SPORT</a></li>
 94 | 							<li><a href="#">DESIGN</a></li>
 95 | 							<li><a href="#">TRAVEL</a></li>
 96 | 						</ul>
 97 | 					</div><!-- footer-section -->
 98 | 				</div><!-- col-lg-4 col-md-6 -->
 99 | 
100 | 				<div class="col-lg-4 col-md-6">
101 | 					<div class="footer-section">
102 | 
103 | 						<h4 class="title"><b>SUBSCRIBE</b></h4>
104 | 						<div class="input-area">
105 | 							<form>
106 | 								<input class="email-input" type="text" placeholder="Enter your email">
107 | 								<button class="submit-btn" type="submit"><i class="icon ion-ios-email-outline"></i></button>
108 | 							</form>
109 | 						</div>
110 | 
111 | 					</div><!-- footer-section -->
112 | 				</div><!-- col-lg-4 col-md-6 -->
113 | 
114 | 			</div><!-- row -->
115 | 		</div><!-- container -->
116 | 	</footer>
117 | 
118 | 
119 | 	<!-- SCIPTS -->
120 | 
121 | 	<script src="public/common-js/jquery-3.1.1.min.js"></script>
122 | 
123 | 	<script src="public/common-js/tether.min.js"></script>
124 | 
125 | 	<script src="public/common-js/bootstrap.js"></script>
126 | 
127 | 	<script src="public/common-js/scripts.js"></script>
128 | 
129 | </body>
130 | </html>
131 | 


--------------------------------------------------------------------------------
/views/templateForm.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<title>Ajouter un article</title>
 5 | 	<meta charset="UTF-8">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 7 | <!--===============================================================================================-->
 8 | 	<link rel="icon" type="image/png" href="public/contact_form/images/icons/favicon.ico"/>
 9 | <!--===============================================================================================-->
10 | 	<link rel="stylesheet" type="text/css" href="public/contact_form/vendor/bootstrap/css/bootstrap.min.css">
11 | <!--===============================================================================================-->
12 | 	<link rel="stylesheet" type="text/css" href="public/contact_form/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
13 | <!--===============================================================================================-->
14 | 	<link rel="stylesheet" type="text/css" href="public/contact_form/vendor/animate/animate.css">
15 | <!--===============================================================================================-->
16 | 	<link rel="stylesheet" type="text/css" href="public/contact_form/vendor/css-hamburgers/hamburgers.min.css">
17 | <!--===============================================================================================-->
18 | 	<link rel="stylesheet" type="text/css" href="public/contact_form/vendor/select2/select2.min.css">
19 | <!--===============================================================================================-->
20 | 	<link rel="stylesheet" type="text/css" href="public/contact_form/css/util.css">
21 | 	<link rel="stylesheet" type="text/css" href="public/contact_form/css/main.css">
22 | <!--===============================================================================================-->
23 | </head>
24 | <body>
25 | 
26 | 
27 | <?=$content?>
28 | 
29 | 
30 | 
31 | <!--===============================================================================================-->
32 | 	<script src="public/contact_form/vendor/jquery/jquery-3.2.1.min.js"></script>
33 | <!--===============================================================================================-->
34 | 	<script src="public/contact_form/vendor/bootstrap/js/popper.js"></script>
35 | 	<script src="public/contact_form/vendor/bootstrap/js/bootstrap.min.js"></script>
36 | <!--===============================================================================================-->
37 | 	<script src="public/contact_form/vendor/select2/select2.min.js"></script>
38 | <!--===============================================================================================-->
39 | 	<script src="public/contact_form/vendor/tilt/tilt.jquery.min.js"></script>
40 | 	<script >
41 | 		$('.js-tilt').tilt({
42 | 			scale: 1.1
43 | 		})
44 | 	</script>
45 | 
46 | <!-- Global site tag (gtag.js) - Google Analytics -->
47 | <script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
48 | <script>
49 |   window.dataLayer = window.dataLayer || [];
50 |   function gtag(){dataLayer.push(arguments);}
51 |   gtag('js', new Date());
52 | 
53 |   gtag('config', 'UA-23581568-13');
54 | </script>
55 | 
56 | <!--===============================================================================================-->
57 | 	<script src="js/main.js"></script>
58 | 
59 | </body>
60 | </html>
61 | 


--------------------------------------------------------------------------------
/views/templateSingle.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en">
  3 | <head>
  4 | 	<title>Vue Article</title>
  5 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 | 	<meta charset="UTF-8">
  8 | 
  9 | 
 10 | 	<!-- Font -->
 11 | 
 12 | 	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
 13 | 
 14 | 
 15 | 	<!-- Stylesheets -->
 16 | 
 17 | 	<link href="public/common-css/bootstrap.css" rel="stylesheet">
 18 | 
 19 | 	<link href="public/common-css/ionicons.css" rel="stylesheet">
 20 | 
 21 | 
 22 | 	<link href="public/single-post-1/css/styles.css" rel="stylesheet">
 23 | 
 24 | 	<link href="public/single-post-1/css/responsive.css" rel="stylesheet">
 25 | 
 26 | </head>
 27 | <body >
 28 | 
 29 | 	<header>
 30 | 		<div class="container-fluid position-relative no-side-padding">
 31 | 
 32 | 			<a href="#" class="logo"><img src="public/images/logo.png" alt="Logo Image"></a>
 33 | 
 34 | 			<div class="menu-nav-icon" data-nav-menu="#main-menu"><i class="ion-navicon"></i></div>
 35 | 
 36 | 			<ul class="main-menu visible-on-click" id="main-menu">
 37 | 				<li><a href="#">Home</a></li>
 38 | 				<li><a href="#">Categories</a></li>
 39 | 				<li><a href="#">Features</a></li>
 40 | 				<li><a href="post&create">Créer un article</a></li>
 41 | 			</ul><!-- main-menu -->
 42 | 
 43 | 			<div class="src-area">
 44 | 				<form>
 45 | 					<button class="src-btn" type="submit"><i class="ion-ios-search-strong"></i></button>
 46 | 					<input class="src-input" type="text" placeholder="Type of search">
 47 | 				</form>
 48 | 			</div>
 49 | 
 50 | 		</div><!-- conatiner -->
 51 | 	</header>
 52 | 
 53 | 
 54 | <?=$content?>
 55 | 
 56 | 	<footer>
 57 | 
 58 | 		<div class="container">
 59 | 			<div class="row">
 60 | 
 61 | 				<div class="col-lg-4 col-md-6">
 62 | 					<div class="footer-section">
 63 | 
 64 | 						<a class="logo" href="#"><img src="public/images/logo.png" alt="Logo Image"></a>
 65 | 						<p class="copyright">Bona @ 2017. All rights reserved.</p>
 66 | 						<p class="copyright">Designed by <a href="https://colorlib.com" target="_blank">Colorlib</a></p>
 67 | 						<ul class="icons">
 68 | 							<li><a href="#"><i class="ion-social-facebook-outline"></i></a></li>
 69 | 							<li><a href="#"><i class="ion-social-twitter-outline"></i></a></li>
 70 | 							<li><a href="#"><i class="ion-social-instagram-outline"></i></a></li>
 71 | 							<li><a href="#"><i class="ion-social-vimeo-outline"></i></a></li>
 72 | 							<li><a href="#"><i class="ion-social-pinterest-outline"></i></a></li>
 73 | 						</ul>
 74 | 
 75 | 					</div><!-- footer-section -->
 76 | 				</div><!-- col-lg-4 col-md-6 -->
 77 | 
 78 | 				<div class="col-lg-4 col-md-6">
 79 | 						<div class="footer-section">
 80 | 						<h4 class="title"><b>CATAGORIES</b></h4>
 81 | 						<ul>
 82 | 							<li><a href="#">BEAUTY</a></li>
 83 | 							<li><a href="#">HEALTH</a></li>
 84 | 							<li><a href="#">MUSIC</a></li>
 85 | 						</ul>
 86 | 						<ul>
 87 | 							<li><a href="#">SPORT</a></li>
 88 | 							<li><a href="#">DESIGN</a></li>
 89 | 							<li><a href="#">TRAVEL</a></li>
 90 | 						</ul>
 91 | 					</div><!-- footer-section -->
 92 | 				</div><!-- col-lg-4 col-md-6 -->
 93 | 
 94 | 				<div class="col-lg-4 col-md-6">
 95 | 					<div class="footer-section">
 96 | 
 97 | 						<h4 class="title"><b>SUBSCRIBE</b></h4>
 98 | 						<div class="input-area">
 99 | 							<form>
100 | 								<input class="email-input" type="text" placeholder="Enter your email">
101 | 								<button class="submit-btn" type="submit"><i class="icon ion-ios-email-outline"></i></button>
102 | 							</form>
103 | 						</div>
104 | 
105 | 					</div><!-- footer-section -->
106 | 				</div><!-- col-lg-4 col-md-6 -->
107 | 
108 | 			</div><!-- row -->
109 | 		</div><!-- container -->
110 | 	</footer>
111 | 
112 | 
113 | 	<!-- SCIPTS -->
114 | 
115 | 	<script src="public/common-js/jquery-3.1.1.min.js"></script>
116 | 
117 | 	<script src="public/common-js/tether.min.js"></script>
118 | 
119 | 	<script src="public/common-js/bootstrap.js"></script>
120 | 
121 | 	<script src="public/common-js/scripts.js"></script>
122 | 
123 | </body>
124 | </html>
125 | 


--------------------------------------------------------------------------------
/views/viewAccueil.php:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | 	<div class="slider"></div><!-- slider -->
 4 | 
 5 | 	<section class="blog-area section">
 6 | 		<div class="container">
 7 | 
 8 | 			<div class="row">
 9 | 
10 |         <?php
11 |         foreach ($articles as $article):
12 |          ?>
13 | 
14 | 
15 | 
16 | 
17 | 				<div class="col-lg-4 col-md-6">
18 | 					<div class="card h-100">
19 | 						<div class="single-post post-style-1">
20 | 
21 | 							<div class="blog-image"><img src="public/images/marion-michele-330691.jpg" alt="Blog Image"></div>
22 | 
23 | 							<a class="avatar" href="#"><img src="public/images/icons8-team-355979.jpg" alt="Profile Image"></a>
24 | 
25 | 							<div class="blog-info">
26 | 
27 | 								<h4 class="title"><a href="post&id=<?= $article->id() ?>"><b><?= $article->title() ?></b></a></h4>
28 | 
29 | 								<ul class="post-footer">
30 | 									<li><a href="#"><i class="ion-heart"></i>57</a></li>
31 | 									<li><a href="#"><i class="ion-chatbubble"></i>6</a></li>
32 | 									<li><a href="#"><i class="ion-eye"></i>138</a></li>
33 | 								</ul>
34 | 
35 | 							</div><!-- blog-info -->
36 | 						</div><!-- single-post -->
37 | 					</div><!-- card -->
38 | 				</div><!-- col-lg-4 col-md-6 -->
39 | 
40 |         <?php endforeach ?>
41 | 
42 | 			</div><!-- row -->
43 | 
44 | 			<a class="load-more-btn" href="#"><b>LOAD MORE</b></a>
45 | 
46 | 		</div><!-- container -->
47 | 	</section><!-- section -->
48 | 


--------------------------------------------------------------------------------
/views/viewCreatePost.php:
--------------------------------------------------------------------------------
 1 | <div class="contact1">
 2 |   <div class="container-contact1">
 3 |     <div class="contact1-pic js-tilt" data-tilt>
 4 |       <img src="public/contact_form/images/laptop.png" alt="IMG">
 5 |     </div>
 6 | 
 7 |     <form method="post" action="post&status=new" class="contact1-form validate-form">
 8 |       <span class="contact1-form-title">
 9 |         Ajouter un post
10 |       </span>
11 | 
12 |       <div class="wrap-input1 validate-input" data-validate = "Name is required">
13 |         <input class="input1" type="text" name="title" placeholder="Titre de l'article">
14 |         <span class="shadow-input1"></span>
15 |       </div>
16 | 
17 | 
18 |       <div class="wrap-input1 validate-input" data-validate = "Message is required">
19 |         <textarea class="input1" name="content" placeholder="Contenu de l'article"></textarea>
20 |         <span class="shadow-input1"></span>
21 |       </div>
22 | 
23 |       <div class="container-contact1-form-btn">
24 |         <button class="contact1-form-btn">
25 |           <span>
26 |             Créer l'article
27 |             <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
28 |           </span>
29 |         </button>
30 |       </div>
31 |     </form>
32 |   </div>
33 | </div>
34 | 


--------------------------------------------------------------------------------