-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
36 lines (33 loc) · 1.92 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
<!DOCTYPE html>
<html ng-app="enspire.ui.components.tabs">
<head lang="en">
<meta charset="UTF-8">
<title>Enspire UI Code Challenge</title>
<script src="bower_components/angular/angular.min.js"></script>
<script src="dist/tabs.js"></script>
<link rel="stylesheet" type="text/css" href="dist/tabs.css">
</head>
<body>
<div>
<en-tabs data-container="myContainName">
<en-tab data-pane="myPaneName1" data-selected="true">Tab #1</en-tab>
<en-tab data-pane="myPaneName2">Tab #2</en-tab>
<en-tab data-pane="myPaneName3">Tab #3</en-tab>
</en-tabs>
<en-tab-container data-name="myContainName">
<en-tab-pane data-name="myPaneName1">
<h3>Panes Content #1</h3>
<p>Lorem ipsum dolor sit amet, ullum petentium delicatissimi no nam. Nam postea inermis at. Choro commodo expetenda vix no, sit tincidunt mnesarchum vituperatoribus id. Sed ex scaevola dissentiunt, qui putant referrentur et. Atqui postea id qui, no duo partiendo referrentur.</p>
</en-tab-pane>
<en-tab-pane data-name="myPaneName2">
<h3>Panes Content #2</h3>
<p>Lorem ipsum dolor sit amet, ullum petentium delicatissimi no nam. Nam postea inermis at. Choro commodo expetenda vix no, sit tincidunt mnesarchum vituperatoribus id. Sed ex scaevola dissentiunt, qui putant referrentur et. Atqui postea id qui, no duo partiendo referrentur.</p>
</en-tab-pane>
<en-tab-pane data-name="myPaneName3">
<h3>Panes Content #3</h3>
<p>Lorem ipsum dolor sit amet, ullum petentium delicatissimi no nam. Nam postea inermis at. Choro commodo expetenda vix no, sit tincidunt mnesarchum vituperatoribus id. Sed ex scaevola dissentiunt, qui putant referrentur et. Atqui postea id qui, no duo partiendo referrentur.</p>
</en-tab-pane>
</en-tab-container>
</div>
</body>
</html>