Berg HTML documentation

Restaurant

restaurant.html is a file where you add the most important information about e.g. your restaurant, team and features. You want to present video from events? No problem it's very simple. Read more how to add video here and check styles.

Every slides must have the class "item". To insert own descriptions to sections, add your text to the content with "item_description" class.

		...
		<div class="item section">
			<div class="visible-xs mobile-img"><img src="img/restaurant-bg.jpg"/></div> <-- backgroung image
			<div class="container restaurant-content pre-content">
				<div class="row">
					<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 item__description">
						<h1>An Italian dream</h1>
						<p>It all started when my sweet granny came to the shore of US in 1926. As the time passed by she decided to open una resturacione de la vega. Nullam vel suscipit erat. Fusce augue est, tempus vitae venenatis sit amet.</p>
					</div>
				</div>
			</div>
			<div class="restaurant-fullscreen bg-section hidden-xs opacity-30" style="background-image: url(img/restaurant-bg.jpg); left: 0;"></div>
		</div>
		...

		Section with fullscreen video
		<div class="item section">
			<div class="video-wrapper" style="position:absolute; width: 100%; height: 100%; left:0; top: 0; "></div>
			<div id="P1" class="player" style="display:block; margin: auto; background: rgba(0,0,0,0.5);" data-property="{videoURL:'http://youtu.be/dSpQ5zdR4dE',containment:'.video-wrapper',startAt:0,mute:true,autoPlay:true,loop:true,opacity:1, showControls: false}"></div> <-- video url
			<div class="video-mask hidden-xs"></div>
			<div class="video-controls hidden-xs">
				<div class="pause">
					<i class="icon-control-pause"></i>
				</div>
				<div class="play hidden">
					<i class="icon-control-play"></i>
				</div>
				<div class="fullscreen">
					<i class="icon-size-fullscreen"></i>
				</div>
			</div>
			<div class="container restaurant-content pre-content">
				<div class="row">
					<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 item__description">
						<h1>Craftsmanship of Cooking and Tradition</h1>
						<p>Vivamus lorem purus, sollicitudin ut aliquet at, tincidunt eu risus. Sed congue scelerisque blandit. Aliquam sed semper velit, et mattis massa. Suspendisse interdum semper lacus nec egestas. Fusce eu laoreet sem. </p>
					</div>
				</div>
			</div>
		</div>