Thank you for having chosen Corporate!
I would be very grateful if you could rate my item at this link with 5 stars and leave your feedback, this is very important for me, Thanks! :-)
How To Install Corporate Via FTP :
Step 1 - Log into your hosting space via an FTP software (Filezilla for example).
Step 2 - Unzip your Download Pack file and use the extracted Business theme folder.
Step 3 - Upload the extracted Business theme folder into one folder or at the root of your server.
The template has followed next folder structure and each folder has multiple files and I didn't print all the single file names here to prevent very high tree. You can find the files quickly by folder names that needs to edit and use.
defaults = {
Business/
├── css/
├── fonts/
├── image/
├── js/
├── webfonts/
├── index.html
├── single-blog.html
└── *.*
General Structure
This is main html structure.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Corporate: Corporate HTML template</title>
... <!-- Stylesheet & Header includes -->
</head>
<body>
<section id="home">
...
</section>
<section id="about">
...
</section>
<section id="service">
...
</section>
<section id="pricing">
...
</section>
<section id="counter">
...
</section>
<section id="portfolio">
...
</section>
<section id="testimonial">
...
</section>
<section id="team">
...
</section>
<section id="blog">
...
</section>
<section id="gallery">
...
</section>
<section id="contact">
...
</section>
<footer">
<div class="container">
...
</div>
</footer>
... <!-- Scripts includes -->
</body>
</html>
Logo And Menu
To change the logo text with you desired text change the inside the .logo div.You can also add or remove menu form the nav.
//change the logo image
<a href="index.html" class="navbar-brand>
<img src="image/logo/your image name">
</a>
//to add or remove menu just add another li tag and or remove the li tag
<ul>
<li><a>home</a></li>
<li><a>about</a></li>
<li><a>services</a></li>
<li><a>...</a></li>
</ul>
Change About Image
To change the image with your image, first add your image in the image/about/ folder and delete all the dummy image then replace the image name in the code
//change the Image
<div class="about-img">
<img src="image/about/your image name">
</div>
Change Service Image
To change the image with your image, first add your image in the image/service/ folder and delete all the dummy image then replace the image name in the code
//change the Image
<div class="item-thumbnail">
<img src="image/service/your image name">
</div>
Change Porfolio Image
To change the image with your image, first add your image in the image/portfolio/ folder and delete all the dummy image then replace the image name in the code
//change the Image
<div class="item-thumbnail">
<img src="image/portfolio/your image name">
</div>
Change Gallery Image
To change the image with your image, first add your image in the image/banner/ folder and delete all the dummy image then replace the image name in the code
//change the Image
<div class="gallery-item">
<img src="image/gallery/your image name">
</div>
Change Blog Image
To change the image with your image, first add your image in the image/banner/ folder and delete all the dummy image then replace the image name in the code
//change the Image
<div class="blog-image">
<img src="image/blog/your image name">
</div>
Template Class & Id
Please be aware of following classes that are useful on template sections.
| Reference | Class Name |
|---|---|
| Header | .top-header/.navbar-header |
| Home | .main-header |
| About | .about-img/.about-title |
| Service | .service-item |
| Counter | .counter-item-inner/.counter |
| Portfolio | .project-item |
| Team | .our-team/.team-content |
| Blog | .blog/.blog-title |
| Gallery | .cd-item-wrapper |
| Contact | .contact-team/#map |
| General | .main-title-title/.section-padding |
Font Switching
This short guide explains how to use the Google Fonts API to add fonts to your web pages. It's free and easy to implement a much wider variety of type into a website.
- Choose new font(s) from Google Fonts
- Add a stylesheet link to request the desired web font(s) on the
headtag which locates at the top of your markup<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">
- Edit
style.cssfile and set font family name or Style elements with the requested web font like thisbody { font-family: 'Font Name', serif; } h1,h2,h3,h4,h5,h6 { font-family: 'Font Name', serif; } - Delete old font(s) link from the
fontsection in style.css.
If you need to implement other fonts then this, you should follow the instuction of your selected font library and follow the steps #3 and #4.
Credits
Thank you to all who developed following projects/products. We really appreciate your support and time. We definitely couldn't do this template without you. We wish you all the best.
Special thanks to:
Images
- Copyright at Pexels - https://pexels.com
Open Source Projects
Documentation
Just below the nav on your left, you will find useful links to learn or improve your knowledges in Bootstrap & Font-Awesome