-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (87 loc) · 2.9 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!--
Project: Modular
Author: Corbin "Spr0xy" Matschull
Version: 1.6
License: MIT
-->
<!doctype HTML>
<html>
<body class="modal-toggle">
<head>
<script src="js/jquery-1.11.0.js"></script>
<script src="js/jquery.easing.min.js"></script>
<link rel="stylesheet" type="text/css" href="modular.css">
<link href='http://fonts.googleapis.com/css?family=Roboto:300,400' rel='stylesheet' type='text/css'>
<link rel="icon" href="icon.png" type="image/png">
</head>
<div id="mypopup">
<div id="popup1" class="popup"></div>
<div class="main-modal" id="mymodal">
<div class="modal-header">
<h4>Modal Header.</h4>
</div>
<span class="modal-close-toggle">X</span>
<div class="modal-dialog">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi, eius.
Cupiditate omnis dolores praesentium,
maxime distinctio quaerat placeat nisi aliquam ducimus quo nostrum doloremque
libero sint recusandae magnam exercitationem,
numquam.
</p>
<br>
<div class="button-warning"> <p>Warning Button</p> </div>
<br>
<div class="button-default"> <p>Default Button</p> </div>
<br>
<div class="toaster toaster-trig" id="toast"> <p>Toast Man</p></div>
</div>
</div>
<div class="popup-button" data-toggle="tooltip" data-placement="bottom">
<span class="btn-cnt">+</span>
</button>
<span id="dropdown" class="dropdown"></span>
<!--<button class="popup-button regular-modal" onclick="displayModal()"> <p>Regular Modal</p> </button> <!-- This Is An Example -->
</div>
<div class="warning-bar">
<p class="warning-bar-content">This is a warning alert bar!</p>
<span class="warning-bar-toggle">X</span>
</div>
<div class="default-bar">
<p class="default-bar-content">This is a default alert bar!</p>
<span class="default-bar-toggle">X</span>
</div>
</div>
<div class="toaster-bar-lg i-am-toast bottomLeft" id="toastContainer">
<p class="toast-content toast-text">Test Toaster content. This toast is nice and crispy,
although I must confess; some butter would be sublime on my toast.</p>
</div>
<section class="header-bar global-nav navbar-default">
<div class="navbar-inner">
<div class="navburger">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-links global-nav">
<li class="nav-el"> <a href="#">Index</a> </li>
<li class="nav-el"> <a href="#">The Team</a> </li>
<li class="nav-el"> <a href="#">Products</a> </li>
<li class="nav-el"> <a href="#">Contact Us</a> </li>
<li class="nav-el"> <a href="#">News</a> </li>
</ul>
</div>
</section>
<section class="col-md-12 jumbotron jumbo-header">
<div class="h1">
<h1>Jumbotron</h1>
<p>Centered content under a jumbotron header.</p>
</div>
</section>
<section class="body-container main-body col-lg-12 grn">
<div class="">
</div>
</section>
</body>
<script src="js/modular.js"></script>
</html>