-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·51 lines (46 loc) · 2.35 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="en"></html>
<head>
<title>Salmon</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="shortcut icon" href="favicon.ico">
<!-- Fontawesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"/>
<!-- CSS link -->
<!-- Grid: comment out what is not used between Skeleton or Bootstrap -->
<!-- <link rel="stylesheet" href="assets/css/skeleton-grid.css"> -->
<link rel="stylesheet" href="assets/css/bootstrap-grid.css">
<!-- Helper: contains flex classes, margins, what-not -->
<link rel="stylesheet" href="assets/css/helper.css">
<!-- Main CSS: contains your custom css -->
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<nav>
<ul>
<li>Salmon</li>
<li> <a href="https://github.com/JustineWin/Salmon-Nongulp" target="_blank" class="fork-btn">Fork Me <i class="fa fa-code-fork"> </i></a></li>
</ul>
</nav>
<div class="container">
<div class="flex -center">
<div class="col-sm-7">
<h1>Salmon Boilerplate</h1>
<div class="flex -center"><img src="assets/img/Salmon.png" class="img-responsive" alt=""/></div>
<p class="-highlight mt30">
This boilerplate is <a href="https://github.com/JustineWin" target="_blank">Justine Win's </a>custom version of <a href="http://devtipsstarterkit.com/">Devtip's Starter Kit V2.</a>
</p>
<p>Salmon v2 uses <em>HTML5 </em>and<em> CSS3 (Non-Gulp)</em> and includes clean flex layout classes, optional bootstrap & skeleton grid, and what-not.</p>
<h2>Grids</h2>
<p>Choose whether you want to use bootstrap's or skeleton's grid then go to <em>index.html </em>file and comment out the grid's css file you will not use in the `< head >` tag</p>
<h2>Flex layout</h2>
<p>This page is using flex classes. I have included helpful comments on the <em> helper.css </em> </em>file. Go ahead, experiment! </p>
<h2>Getting started</h2>
<p>Fork or clone, do whatever you want. If you're into Sass and Jade, you can use <a href="https://github.com/JustineWin/Salmon-Gulp" target="_blank">Salmon Boilerplate </a>- a Jade, Sass, and Gulp version of this.</p>
</div>
</div>
</div>
<!-- Jquery -->
<script src="/assets/js/jquery.min.js"></script>
</body>