# Socimo

## Socimo - Social Community Network and LMS Template

A complete social Researchers community, online courses, selling books Market place Toolkit Bootstrap4 based.

- Created: Jan/01/2021
- Updated: Jan/01/2021
- By: Dewwater
- Support: wpkixx@gmail.com
- Email: wpkixx@gmail.com

Thank you for purchasing 'Our Degital product' If you have any questions that are beyond the scope of this help file, please feel free to submit a ticket at our Support Forum. Thanks so much!

This template is a full functional HTML Template designed & developed for Social Researchers of college/university Peoples/students and online course and books selling . It is fully functional template based on Twitter Bootstrap updated framework. that makes it easy flexible and moveable elements. 100% Responsive for all screen sizes from the bigger ones to smartphones. Its not only responsive whereas it is retina ready also, now no blurry images on your HiDPI and retina devices.

## How to use ?

This template is very easy to update and modify, it will adapt your website and brand in no time. Steps for modification and updating are described step by step in this exclusive documentation.

## Files and folders structure

All css and js files compressed with grunt Npm.js but all files are available in the folders of css and js. You may use all files sperately.

we compressed the file with name of main.min.css and main.min.js.

Whole template is divided in to several folders and their content defines by the folder names easily. all the css files in the css folder, and all the js files in the js folder. but here some basics essential files are mention. other all is for plugins, you can fine in the css & js folder.

- Socimo-HTML Template
  - images all (images and backgrounds/patterns) in the images/resources folder
  - css
    - main.min.css(all plugins merged by grunt)
    - bootstrap.css(Twitter bootstrap latest)
    - uikit.min.css (another popular framework)
    - owl-carousel.css
    - animate.min.css(css3 animation effects)
    - style.css(main stylesheet)
    - icofont.css(icon fonts)
    - chosen.css (select styling)
    - fonts(folder containing icons font files)
    - lightbox.css(for pictures and video popup)
  - js
    - jquery-min.js(jquery latest library)
    - bootstrap.js(Twitter bootstrap 4.0 js file)
    - uikit.min.js (framework)
    - sparkline.js (analytics)
    - chosen.js (for select dropdown)
    - jquery.eventCalendar.min.js (for widget calendar)
    - counterup.min.js (for number updown)
    - typed.js (for auto typer on company home page)
    - progress-circle.js (for side widget progress circle)
    - jquery.downCount.js (for coming soon page time counter)
    - script.js(small helper plugins to get the site up and running)
  - Plugins
    - owl-carousel.js
    - chosen.jquery.js for select options
    - html5lightbox.js for the images and videos popup
    - jquery.mCustomScrollbar.min.js for scrollbar inner side of elements
    - jquery-stories.js for recent status or stories.
    - TimelineMax.js essential file for stories
    - map-init.js for google map
    - stickit-header.js for sticky header
    - userincr.js for product qty button
  - colors(all color schemes - activate one at a time)
  - color.css file
    - you can change the whole template color with out any tension just paste the color code in color.css file.
  - All .html pages are in the root of template name folder

## Clean Code Structure

## Grid system

This template is based upon Twitter Bootstrap css framework that is very easy to use and adapt. It follows the mobile first approach to make the website readily available for all devices and screen sizes. Bootstrap grid is based upon 12 columns that are well defined in the bootstrap.css file inside the css folder. You can get to know about the grid system in detail from this url http://getbootstrap.com/css/#grid

## Icons font

In this template we used Line icons, for its icons requirement and no images has been used for any icon. A complete list of icons along with the class names can be found here: https://icofont.com/icons

To use an icon on any page of this template use the below code:

All icons class name will always start with the icofont- . There are several sizes for icons are predefined in the Line icons.min.css inside css folder.

## Changing color schemes for whole template

All pre-made color's file can be found inside css/colors folder of the template directory. there is already 9 beautiful colors file but if you want to change a new color scheme can be defined very easily just copy any of the pre-made color css file and keep it inside colors folder and name it as you like then just replace the color hex code in the file to your liking. Afterwards you will have to replace the name of the css in the head of each page like below:s

    <link rel= "stylesheet" href=" color.css "/>

## How to

### How to change the theme skin in dark/black ?

##### theme skin color light or dark

Default color is light, if you want to use dark skin color just go to right setting top and switch button of night mode.

### How to enable / disable sticky header ?

##### header sticky or non sticky

the below mention code is the sample for change the setting for header sticky or non sticky

    <header class= "stick" > <⁄header>

## Changing Dummy image placeholders to real images

this template doesn't come with images that you see in demo and in the downloaded files all images except the logo and some other graphics all images are replace with dummy gray images with sizes by http://placehold.it/

You can easily repace these images with your real images by just putting the same size image that you find in the live demo of the placeholder or replace the image in the folder "images/resources/imagename.jpg" in the HTML.

mean just replace the image in the image folder with the current name and size.

## Support Policy

If there is anything we can help you with, please let us know. Whether you have discovered a problem or need help customizing our product to fit your needs, we are always happy to help out and point you into the right direction. Simply send an email to wpkixx@gmail.com.

In order to be able to provide you with the best possible service, we do not offer customer support through the comments section on themeforest and we will direct you to contact wpkixx@gmail.com . should you seek assistance there. This ensures that no support tickets are forgotten and that all members of the support staff are aware of your issue, resulting in the fastest and best possible service.

We may occasionally ask you to provide your license certificate on themeforest to verify your purchase.

## Account Details

If necessary to help you solve a problem we may request that you email us your login details and/or provide us with your hosting account details as well in order to identify problems that are related to your web server environment. Please accept that without those details, we may not be able to help you in some cases.

## Extend of our Support

We generally only provide support for our own product. While we will usually make attempts to assist you with other issues as well, we will likely have to decline support if the issue exceeds the scope of our knowledge and experience.

Please accept that we generally do not provide support for other third party products except in cases where addressing an issue takes only little time. We recommend that you contact support and ask if you are unsure whether a particular case is covered by our support policy.

## Customization

Most customization requests we receive do not require much time, and we are happy to assist whenever that is the case. If, however, your request would result in more work, we will have to restrict our support to giving you basic guidance, or offer you our paid customizations services.

## Credits

Our life is made much easier we have special thanks to the following

- jQuery
- Google Fonts
- Line icons
- Bootstrap by Twitter
- UIkit Framework
- Owl Carousel
- unsplash Free Images
- Themeforest Team

Please be aware the we do not provide customer support through the comments section on themeforest and will redirect all questions to our support team. This is to ensure a consistent customer service experience as only through our helpdesk we can track your request and make sure that it is dealt with in a timely manner.

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Dewwater