/HTML/assets/css/ - CSS styles
/HTML/assets/images/ - all images needed by the template
/HTML/assets/js/scripts.js - controlls all loaded plugins on the website.
/HTML/assets/plugins/ - javascripts files (jquery plugins).

/HTML/php/ - contains the php files needed to send emails through contact form. All you have to do is to edit config.inc.php wih your settings (email server).

	

	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	  
.col-md-1
	
	

	  
.col-md-8
	  
.col-md-4
	
	

	  
.col-md-4
	  
.col-md-4
	  
.col-md-4
	
	

	  
.col-md-6
	  
.col-md-6
	

If you need more info, please visit http://getbootstrap.com/css/#grid

	

		
			Home 
		
	

	BECOME THIS

	

		
			Home 
		
	

- bootstrap.css - Generic styles, resets & normalization

- essentials.css - All website elements

- animate.css - CSS Animation

- blog.css - Blog CSS

- style.css - The layout structure - sliders, boxes, titles, etc...

- layout.css - The layout stylesheet

- layout-dark.css - Rewritten layout.css for dark version

- layout-responsive.css - Responsive elements

- portfolio.css - masonry/isotope portfolio

- shop.css - Shopp CSS

- countdown.css - Used only by countdown layouts

- color/ -  Folder containing colors

You can use this code anywhere, just change the coordonates to match your location.

- scripts.js - main javascript
- countdown.js - used only by countdown layouts

...

			


				
				

				


					
					

						

							

								

									
RESPONSIVE
								

								

									
PASSION . PRECISION . SIMPLICITY
								

								

									
Atropos is a multipurpose template for business or portfolio website.
								

							
						

						
						

					

					
					

						

							

								

									
RESPONSIVE
								

								

									
PASSION . PRECISION . SIMPLICITY
								

							
						

						
						

					

				

			

		
		
		
		
		PLEASE NOTE:
		

		
		There are two classes to be used:
		1. "full-screen" means a full screen slider
		2. "half-screen" meand a half screen slider (600px)
		
		data-autoplay = 'false or miliseconds. Eg.: 5s = '5000'
		
		 data-mouseover = stop on mouseover. 'true' or 'false'

		if you want to change the height of half-screen, edit layout.css:

		#slider.half-screen,
		#slider.half-screen li {
			height:600px !important;
			margin:0;
			padding:0;
		}


		

			your content here
		
		Inside of "inner" you can use: h1, h2, h3 and P
		You also can use images but is required to add "img-responsive" class 
		or the slider will try to use it as a fullscreen background.
		
		
		
		
		This is an image overlay for lighten images - otherwise, the text will be not distinguished.
		You have two options: "overlay" and "raster"
		
		
		
		If you want to use a video frame into your slider (youtube, vimeo, etc) you can do it using an embed code.
		Item Example:
		
		

			

				

				

					
					
					
				
				

			

			
			

		

		As you can see, the overlay is commented on this example.
		Please also note: "
" Are the two lines used before and after the content. 
		You can remove them if you do not want lines.
			
			

	
#item 1
	
#item 2
	
#item 3
	
#item N



class controlls-over 	= a class to show arros (left/right) on the center, over image

data-plugin-options:
	transitionStyle 	= fade, backSlide, goDown, fadeUp.

	autoPlay   			= "true", "false" or miliseconds - for example: data-autoplay="4000" means 4s delay
	pagination			= false/true - bullets

Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device

	IMAGE
	
		
	

	VIDEO
	
		
	

// SMTP Server Settings
$config['smtp_host'] 			= 'ssl://smtp.gmail.com';   // eg.: smtp.mandrillapp.com
$config['smtp_port'] 			= 465;						// eg.: 587
$config['smtp_user'] 			= ''; 						// you@gmail.com
$config['smtp_pass'] 			= '';						// password
$config['smtp_ssl']				= false;					// should remain false

// Who receive all emails?
$config['send_to']				= 'you@gmail.com';			// destination of all emails sent throught contact form

// Email Subject
$config['subject']				= 'Contact Form';			// subject of emails you receive

If something is not working, be sure that the port you use for SMTP conections, is not firewalled.
Example: gmail use port 465. Be sure that port 465 is not firewalled.
Also, check carefuly your /php/config.inc.php for errors or incorrect username,password, host or port.

Newsletter

		
		

			


				


					
					

						
NOTIFY
						
Subscribe to our newsletter and get notified when website is launched.
					



					
					


						
						

							

								

									

										
										

										
										
											
											SUBSCRIBE
										
									
								
							
						
						

					

				

			
		
		

		
		

			

				


					

						×
						
 Subscribed
					

						


							

								Thank you for your subscription!
							

						

						

							OK, CLOSE
						

				

			

		
		

All skin colors are located on assets/css/color/

Remove all files and rename the first line: from orange.css to green.css (if green is your desired color). Everythgin between will be deleted!

Please note, if you want dark skin, ucomment it.

	Background image: add to body this line: 
	<body data-background="assets/images/boxed_background/1.jpg">
	Please, see assets/images/boxed_background/ for available backgrounds. You also can add your own!
	
	Background pattern: add to body this class
	<body class="pattern1">
	
	Available patterns:
		pattern1
		pattern2
		pattern4
		pattern5
		pattern6
		pattern7
		pattern8
		pattern9
		pattern10


	You can use pattern or backgroumnd image. Bot not both!
	
	Boxed layout style: add to body this class:
	<body class="boxed">
	
	Please note: you can combine:
		1. boxed + pattern				<body class="boxed pattern1">
		2. boxed + image background		<body class="boxed"  data-background="assets/images/boxed_background/1.jpg">

		
		

			
        
				
STYLE OPTIONS

				
10 Predefined Color Schemes
				
            
					

					

					

					

					

					

					

					

					

					

				
        

				
CHOOSE YOUR COLOR SKIN
				 Light
				 Dark

				


				
CHOOSE YOUR LAYOUT STYLE
				 Wide
				 Boxed


				
Patterns for Boxed Version
				

					
					
					
					
					
				

				

					
					
					
					
					
				

				
Images for Boxed Version
				
				
				
				
				

				


				

					Reset Styles
				

				
×
			
		

		

		

		
		
		
		
		
		
		
		CSS LINE TO REMOVE FOR PRODUCTION MODE
		

		JAVASCRIPT LINE TO REMOVE FOR PRODUCTION MODE
		

Also, you can use all social icons that fontawsome supports. Please note: if you want rounded icons, add class 'rounded'
See Shortcodes for more!