CSS-Tabs/index.html at master · WattyRev/CSS-Tabs · GitHub

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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html>
	<head>
		<title>CSS-Tabs Demo</title>

		<!-- Styles for demo -->
		<link rel="stylesheet" href="page.css" />

		<!-- Plugin Styles -->
		<link rel="stylesheet" href="style.css" />

		<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>


		<!-- Fallback JS -->
		<!--[if IE 8]>
			<link rel="stylesheet" href="fallback.css">
			<script type="text/javascript" src="fallback.jquery.js"></script>
		<![endif]-->
		<!--[if IE 7]>
			<link rel="stylesheet" href="fallback.css">
			<script type="text/javascript" src="fallback.jquery.js"></script>
		<![endif]-->

		<!-- JS for maintaining state on page reload by update url -->
		<script type="text/javascript" src="state.jquery.js"></script>
	</head>
	<body>
		<h1>CSS-Tabs Demo <a class="small" href="https://github.com/WattyRev/CSS-Tabs">View on GitHub</a></h1>
		<div class="tab-wrapper">
			<input type="radio" name="tab-group1" id="tab-1" checked />
			<input type="radio" name="tab-group1" id="tab-2" />
			<input type="radio" name="tab-group1" id="tab-3" />
			<input type="radio" name="tab-group1" id="tab-4" />
			<input type="radio" name="tab-group1" id="tab-5" />
			<input type="radio" name="tab-group1" id="tab-6" />
			<input type="radio" name="tab-group1" id="tab-7" />
			<input type="radio" name="tab-group1" id="tab-8" />
			<input type="radio" name="tab-group1" id="tab-9" />
			<input type="radio" name="tab-group1" id="tab-10" />

			<ul class="tab-navigation">
				<li class="tab-item">
					<label for="tab-1" class="tab">Tab 1</label>
				</li>
				<li class="tab-item">
					<label for="tab-2" class="tab">Tab 2</label>
				</li>
				<li class="tab-item">
					<label for="tab-3" class="tab">Tab 3</label>
				</li>
				<li class="tab-item">
					<label for="tab-4" class="tab">Tab 4</label>
				</li>
				<li class="tab-item">
					<label for="tab-5" class="tab">Tab 5</label>
				</li>
				<li class="tab-item">
					<label for="tab-6" class="tab">Tab 6</label>
				</li>
				<li class="tab-item">
					<label for="tab-7" class="tab">Tab 7</label>
				</li>
				<li class="tab-item">
					<label for="tab-8" class="tab">Tab 8</label>
				</li>
				<li class="tab-item">
					<label for="tab-9" class="tab">Tab 9</label>
				</li>
				<li class="tab-item">
					<label for="tab-10" class="tab">Tab 10</label>
				</li>
			</ul>

			<div class="tab-content">
				<div>
					<h2>Lorem Ipsum</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ante diam, mollis id imperdiet nec, pellentesque et mi. Morbi est ipsum, malesuada a orci eget, sagittis cursus orci. Etiam rhoncus dictum dolor, vitae fermentum quam tristique sit amet. Quisque magna massa, auctor sed nisi ut, tempus vulputate lectus. Proin eu rutrum ligula, at dictum mauris. Fusce vehicula metus sed dolor ullamcorper, eget scelerisque eros viverra. Praesent luctus mauris eget arcu ultricies egestas. Proin fermentum convallis nisl in commodo. Sed non bibendum ante, et lacinia libero. Etiam facilisis sollicitudin convallis. Vestibulum elit ex, posuere sit amet varius nec, volutpat sit amet eros. Phasellus malesuada nunc est, id semper nulla porta non. Curabitur eu purus augue. Ut eleifend urna vitae sem placerat tincidunt. Integer quis ornare sapien.</p>
				</div>
				<div>
					<h2>Coffee Ipsum</h2>
					<p>Spoon steamed coffee bar aged medium seasonal cup caramelization, in extraction, organic irish steamed flavour aromatic, latte a acerbic, half and half percolator id, spoon, irish, arabica mug filter cup ut a qui strong. Caramelization, americano, viennese, in affogato, dark caramelization seasonal doppio cream, as, cinnamon est filter sweet half and half ut, that, aromatic acerbic café au lait that americano crema robusta and irish crema extraction. Froth id, java crema milk, coffee filter galão, café au lait, organic medium affogato, acerbic caramelization con panna skinny frappuccino caramelization spoon. Flavour cup whipped single shot doppio, acerbic, single shot grounds, spoon, macchiato eu coffee whipped café au lait, cinnamon, french press café au lait siphon, instant siphon decaffeinated, pumpkin spice ut crema sugar whipped kopi-luwak french press dripper, bar et turkish extraction id foam. Single origin caffeine crema, turkish sweet pumpkin spice mazagran, breve, white, siphon, fair trade and, froth, whipped percolator id latte, cappuccino a at robust pumpkin spice cup at cup variety redeye iced carajillo blue mountain saucer so french press strong in instant. Roast wings, rich acerbic spoon foam qui, wings flavour, extraction, whipped, java mazagran blue mountain carajillo robust fair trade café au lait carajillo, at body cappuccino, so, variety irish to go medium cinnamon saucer cup medium.</p>
				</div>
				<div>
					<h2>Cat Ipsum</h2>
					<p>Shake treat bag stare at ceiling, who's the baby, yet shake treat bag purr for no reason intently stare at the same spot cat snacks. Scratch the furniture under the bed, or loves cheeseburgers and chew iPad power cord. Stare at ceiling spread kitty litter all over house nap all day, for swat at dog, or claws in your leg for lick arm hair but nap all day. Chase laser hunt anything that moves throwup on your pillow, so knock over christmas tree shake treat bag. Chew foot eat grass, throw it back up claws in your leg stretch, yet hopped up on catnip.</p>
				</div>
				<div>
					<h2>Bluth Ipsum</h2>
					<p>Are all the guys in here… you know? George Sr: No not all of them. Barry: Yeah. It's never the ones you hope. And here you are coming out of your mother's third base! I'm gonna build me an airport, put my name on it. Why, Michael? So you can fly away from your feelings? It's Sunday, but screw it — juice box time. Say something that will terrify me. Lindsay: F*** me. Tobias: No, that didn't do it. Hey, Dad. Look at you. You're a year older…and a year closer to death. Buster: Oh yeah, I guess that's kind of funny. And don't make the water too hot. The scabs come right off. A million [bleep]ing diamonds!</p>
				</div>
				<div>
					<h2>Cupcake Ipsum</h2>
					<p>Jujubes topping cupcake donut gummies lemon drops pie. Chocolate sesame snaps jujubes bear claw. Caramels sugar plum candy canes biscuit dessert jujubes tiramisu. Gingerbread apple pie dragée jelly-o soufflé pastry sugar plum gummi bears chocolate. Pastry jelly wafer. Cotton candy powder chocolate bar. Topping pastry oat cake ice cream fruitcake. Lollipop liquorice donut muffin. Tiramisu cheesecake donut pastry. Jujubes chupa chups oat cake fruitcake pudding brownie topping pie gummies. Candy canes powder chocolate cake dessert cupcake dessert wafer. Chocolate tart pastry gummi bears tart lollipop gummi bears candy jelly-o.</p>
				</div>
				<div>
					<h2>Corporate Ipsum</h2>
					<p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
				</div>
				<div>
					<h2>TV Ipsum</h2>
					<p>Well we're movin' on up to the east side to a deluxe apartment in the sky. Here's the story of a man named Brady who was busy with three boys of his own. Come and play. Everything's A-OK. Friendly neighbors there that's where we meet. Can you tell me how to get how to get to Sesame Street. Come and play. Everything's A-OK. Friendly neighbors there that's where we meet. Can you tell me how to get how to get to Sesame Street. Texas tea. As long as we live its you and me baby. There ain't nothin' wrong with that., Just two good ol' boys Never meanin' no harm. Beats all you've ever saw been in trouble with the law since the day they was born. Space. The final frontier. These are the voyages of the Starship Enterprise. Makin' your way in the world today takes everything you've got. Takin' a break from all your worries sure would help a lot.</p>
				</div>
				<div>
					<h2>Zombie Ipsum</h2>
					<p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.</p>
				</div>
				<div>
					<h2>Pommie Ipsum</h2>
					<p>Pommy ipsum nuthouse muck about tad stiff upper lip a bit miffed gravy cheese and chips posh nosh at the boozer shepherd's pie a tad, big light supper Sonic Screwdriver ridiculous naff chips and we all like figgy pudding flip flops completely crackers 'ar kid. The Hounds of Baskerville made a pig's ear of it lug hole doing my nut in 'ar kid Time Lord football chinwag you 'avin a laugh Weeping Angels, ey up chuck and naff gravy cheese and chips squirrel what a mug Sonic Screwdriver crumpets and nicked, Bad Wolf lost the plot trouble and strife naff off make a brew Bob's your uncle curtain twitching blighty. - See more at: http://www.pommyipsum.com/#sthash.lw7rRpyC.dpuf</p>
				</div>
				<div>
					<h2>Cheese Ipsum</h2>
					<p>Ricotta say cheese danish fontina. Cottage cheese cottage cheese pepper jack jarlsberg cheese strings pepper jack roquefort cream cheese. Halloumi cheese and wine rubber cheese fondue stilton cheddar everyone loves cauliflower cheese. Ricotta squirty cheese port-salut cheddar cow cheese slices when the cheese comes out everybody's happy when the cheese comes out everybody's happy. Parmesan pecorino babybel stinking bishop parmesan cheesecake melted cheese rubber cheese. Cheese triangles fromage frais queso melted cheese fondue stilton goat croque monsieur. Cheesy grin stilton dolcelatte rubber cheese macaroni cheese st. agur blue cheese paneer everyone loves. Cottage cheese rubber cheese stinking bishop cheesy feet squirty cheese emmental fromage frais cheesecake. Cheese strings who moved my cheese paneer cream cheese cream cheese cut the cheese.</p>
				</div>
			</div>
		</div>
	</body>
</html>