Mairala One Page Corporate Agency Template

Read me.txt

@@ -0,0 +1,34 @@
+== Theme Name: Mairala - One Page Corporate Agency Template
+== Copyright (c) 2016 BootstrapThemes.co
+
+== http://BootstrapThemes.co
+
+
+Html Developed by: http://bootstrapthemes.co
+
+
+Psd Created by: https://www.behance.net/gallery/15872055/Free-One-Page-Corporate-Agency-PSD-Template-MAIRALA
+
+
+
+
+Rights: 
+
+You are permitted to use the resources for any number of personal and commercial projects.
+You may modify the resources according to your requirements and include them into works, 
+such as websites, applications or other materials intended for sale. No attribution or 
+link back to this site is required, however any credit will be much appreciated.
+
+
+Prohibitions:
+You do not have the rights to redistribute, resell, lease, license, sublicense or offer 
+files downloaded from http://bootstrapthemes.co to any third party ìas isî or as a separate attachment 
+from any of your work. If you wish to promote my resources on your site, you must link back 
+to the resource page where users can find the download and not directly to the download file.
+
+
+
+If you would like to share one of my resources, you can do so by making a link to the specific resource on http://bootstrapthemes.co , you can if you wish insert the embed code for the product previews images to illustrate your link. No HOTLINKING is allowed i.e. you cannot make a direct link to the download or/and the images hosted on http://bootstrapthemes.co
+
+Concerning blog posts, you are free to link to it from any website, but you cannot however publish it as it is, without prior consent from http://bootstrapthemes.co
+

assets/css/raleway-webfont.css

@@ -0,0 +1,63 @@
+@font-face {
+  font-family: "Raleway Webfont";
+  src: url('font/raleway-thin.eot');
+  src: url('font/raleway-thin.eot?#iefix') format('embedded-opentype'), url('font/raleway-thin.woff') format('woff'), url('font/raleway-thin.ttf') format('truetype'), url('font/raleway-thin.svg#ralewaythin') format('svg');
+  font-weight: 100;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Raleway Webfont";
+  src: url('font/raleway-extralight.eot');
+  src: url('font/raleway-extralight.eot?#iefix') format('embedded-opentype'), url('font/raleway-extralight.woff') format('woff'), url('font/raleway-extralight.ttf') format('truetype'), url('font/raleway-extralight.svg#ralewayextralight') format('svg');
+  font-weight: 200;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Raleway Webfont";
+  src: url('font/raleway-light.eot');
+  src: url('font/raleway-light.eot?#iefix') format('embedded-opentype'), url('font/raleway-light.woff') format('woff'), url('font/raleway-light.ttf') format('truetype'), url('font/raleway-light.svg#ralewaylight') format('svg');
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Raleway Webfont";
+  src: url('font/raleway-regular.eot');
+  src: url('font/raleway-regular.eot?#iefix') format('embedded-opentype'), url('font/raleway-regular.woff') format('woff'), url('font/raleway-regular.ttf') format('truetype'), url('font/raleway-regular.svg#ralewayregular') format('svg');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Raleway Webfont";
+  src: url('font/raleway-medium.eot');
+  src: url('font/raleway-medium.eot?#iefix') format('embedded-opentype'), url('font/raleway-medium.woff') format('woff'), url('font/raleway-medium.ttf') format('truetype'), url('font/raleway-medium.svg#ralewaymedium') format('svg');
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Raleway Webfont";
+  src: url('font/raleway-semibold.eot');
+  src: url('font/raleway-semibold.eot?#iefix') format('embedded-opentype'), url('font/raleway-semibold.woff') format('woff'), url('font/raleway-semibold.ttf') format('truetype'), url('font/raleway-semibold.svg#ralewaysemibold') format('svg');
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Raleway Webfont";
+  src: url('font/raleway-bold.eot');
+  src: url('font/raleway-bold.eot?#iefix') format('embedded-opentype'), url('font/raleway-bold.woff') format('woff'), url('font/raleway-bold.ttf') format('truetype'), url('font/raleway-bold.svg#ralewaybold') format('svg');
+  font-weight: 700;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Raleway Webfont";
+  src: url('font/raleway-extrabold.eot');
+  src: url('font/raleway-extrabold.eot?#iefix') format('embedded-opentype'), url('font/raleway-extrabold.woff') format('woff'), url('font/raleway-extrabold.ttf') format('truetype'), url('font/raleway-extrabold.svg#ralewayextrabold') format('svg');
+  font-weight: 800;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Raleway Webfont";
+  src: url('font/raleway-heavy.eot');
+  src: url('font/raleway-heavy.eot?#iefix') format('embedded-opentype'), url('font/raleway-heavy.woff') format('woff'), url('font/raleway-heavy.ttf') format('truetype'), url('font/raleway-heavy.svg#ralewayheavy') format('svg');
+  font-weight: 900;
+  font-style: normal;
+}

assets/css/responsive.css

@@ -0,0 +1,202 @@
+
+
+/*
+Author: XpeedStudio
+Author URI: http://themeforest.net/user/XpeedStudio/portfolio
+*/
+
+/* Portrait tablets and medium desktops */
+@media (min-width: 992px) and (max-width: 1199px) {
+    body {
+        font-size: 15px;
+    }
+	.home-content h1 {
+    font-size: 55px;
+	line-height:50px;
+	}
+
+}
+
+/* Portrait tablets and small desktops */
+@media  (max-width: 991px) {
+    html {
+        font-size: 90%;
+    }
+
+	.home-content h1 {
+    font-size: 40px;
+	line-height:50px;
+	}
+
+
+
+}
+
+/* Portrait tablets and small desktops */
+@media  (max-width: 1024px) {
+    html {
+        font-size: 90%;
+    }
+
+	.home-content h1 {
+    font-size: 40px;
+	line-height:60px;
+	}
+
+
+
+}
+
+/* Landscape phones and portrait tablets */
+@media (max-width: 767px) {
+    html {
+        font-size: 80%;
+    }
+	.home-content h1 {
+    font-size: 42px;
+	}
+	.main-team{
+		margin-bottom:30px;
+	}
+	.team-details img{
+		width:100%;
+	}
+	.project-item img{
+		width:100%;
+	}
+	.navbar-toggle {
+		background:#fff;
+		border:0;
+		color:#7b6c63;
+	}
+	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus 
+	{
+    border-bottom:0;
+	}
+	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
+    border:0;
+	border-top:0;
+	background:#222222;
+	}
+	.navbar {
+    min-height: 50px;
+	}
+	.main-skill{
+		margin-bottom:30px;
+	}
+	.project-item:hover .project-content {
+    bottom: 200px;
+	}
+	.project-content {
+    left: 42%;
+	}
+	.social {
+		left:255px;
+	}
+
+}
+
+
+
+/* Landscape phones and smaller */
+@media (max-width: 480px) {
+    html {
+        font-size: 65%;
+    }
+
+	.home-content h1 {
+    font-size: 25px;
+	}
+
+	.heading-content h3 {
+    font-size: 30px;
+	}
+	.heading-content p {
+    width: 60%;
+	}
+	#footer p {
+    margin-bottom: 15px;
+	}
+
+   .social {
+		left:125px;
+	}
+	.project-item:hover .project-content {
+    bottom: 110px;
+	}
+
+}
+
+
+
+@media (max-width: 320px) {
+
+
+    .heading-content h3{
+        font-size:15px;
+    }
+	.home-content h5 {
+		 font-size:15px;
+	}
+	.heading-content h3 {
+    font-size:20px;
+	}
+	.heading-content p {
+    width: 40%;
+	}
+	#footer p {
+    margin-bottom: 15px;
+	}
+
+   .social {
+		left:70px;
+	}
+	.social a i {
+    border: 2px solid #fff;
+    border-radius: 100%;
+    height:30px;
+    width: 30px;
+    font-size:15px;
+    line-height:27px;
+    text-align: center;
+    color: #fff;
+    transition: .5s;
+    -webkit-transition: .5s;
+    -moz-transition: .5s;
+	}
+	.project-item:hover .project-content {
+    bottom: 110px;
+	}
+
+	.home-content h1 {
+    font-size: 16px;
+	}
+	.home-content h5 {
+    font-size: 13px;
+	}
+	.heading-content p {
+    width: 95%;
+	}
+	.about-content h3 {
+    font-size: 13px;
+	}
+	.project-content {
+    left: 32%;
+	}
+	.project-item:hover .project-content {
+    bottom:60px;
+	}
+	.twitter-content h5 {
+    font-size: 20px;
+	}
+
+	.client-content h3 {
+    font-size: 15px;
+	}
+	.copyright-footer .copyright p {
+    font-size: 12px;
+	}
+
+
+}
+