GETTING STARTED
CONTENT
UTILITIES
Menu

Introduction

To create next-generation web projects, start using our pre-built pages and our modular HTML5 UI Kit right away. We will continue to create new pages and demos every week.


Quick Start

You need a localhost server to run the Bodrum template on your device. Online services such as Google Maps used in the template do not work by opening the html file in the browser by double-clicking it.

The fast localhost execution solutions we will recommend to you in this regard are as follows.


Starter Template

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:

								
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Hello, world!</title>
  <meta name="description" content="Bodrum - Modular Multi Purpose HTML5 template by tempload." />
  <meta name="keywords" content="bodrum, startup, saas, agency, development, html, template, tempload" />
  <meta name="author" content="tempload" />
  <!-- Favicon -->
  <link rel="icon" type="image/png" href="../assets/images/favicon/favicon.png" />
  <!-- Bootstrap & Plugins CSS -->
  <link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
  <!-- Custom CSS -->
  <link href="../assets/css/theme.css" rel="stylesheet" type="text/css">
</head>
<body>
  <h1>Hello, world!</h1>

  <!-- jQuery -->
  <script src="../assets/js/jquery-2.1.0.min.js"></script>
  <!-- Bootstrap -->
  <script src="../assets/js/popper.js"></script>
  <script src="../assets/js/bootstrap.min.js"></script>
  <!-- Global Init -->
  <script src="../assets/js/global.js"></script>
</body>
</html>