-
Notifications
You must be signed in to change notification settings - Fork 0
/
tables.html
109 lines (95 loc) · 5.32 KB
/
tables.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<div class="pages">
<div data-page="projects" class="page no-toolbar no-navbar">
<div class="page-content">
<div class="navbarpages">
<div class="nav_left_logo"><a href="index.html"><img src="images/logo.png" alt="" title="" /></a></div>
<div class="nav_right_button"><a href="menu.html"><img src="images/icons/white/menu.png" alt="" title="" /></a></div>
</div>
<div id="pages_maincontent">
<h2 class="page_title">Tables</h2>
<div class="page_content">
<h3>Simple table</h3>
<ul class="responsive_table">
<li class="table_row">
<div class="table_section_small">Nr</div>
<div class="table_section">Service</div>
<div class="table_section">Price</div>
</li>
<li class="table_row">
<div class="table_section_small">01</div>
<div class="table_section">Web design</div>
<div class="table_section">$100 / hour</div>
</li>
<li class="table_row">
<div class="table_section_small">02</div>
<div class="table_section">Drawing</div>
<div class="table_section">$60 / hour</div>
</li>
<li class="table_row">
<div class="table_section_small">03</div>
<div class="table_section">Illustration</div>
<div class="table_section">$80 / hour</div>
</li>
<li class="table_row">
<div class="table_section_small">04</div>
<div class="table_section">Layout design</div>
<div class="table_section">$80 / hour</div>
</li>
<li class="table_row">
<div class="table_section_small">05</div>
<div class="table_section">Programming</div>
<div class="table_section">$120 / hour</div>
</li>
</ul>
<p>With this table design you can create a list of web design services.</p>
<h3>Price table</h3>
<ul class="responsive_table">
<li class="table_row">
<div class="table_section_14"> </div>
<div class="table_section_14">Medium</div>
<div class="table_section_14">Business</div>
<div class="table_section_14">Deluxe</div>
</li>
<li class="table_row">
<div class="table_section_14">Storage</div>
<div class="table_section_14">1 GB</div>
<div class="table_section_14">2 GB</div>
<div class="table_section_14">4 GB</div>
</li>
<li class="table_row">
<div class="table_section_14">Bandwidth</div>
<div class="table_section_14">50 GB</div>
<div class="table_section_14">100 GB</div>
<div class="table_section_14">Unlimited</div>
</li>
<li class="table_row">
<div class="table_section_14">Databases</div>
<div class="table_section_14">50</div>
<div class="table_section_14">Unlimited</div>
<div class="table_section_14">Unlimited</div>
</li>
<li class="table_row">
<div class="table_section_14">PHP</div>
<div class="table_section_14"><img src="images/checked.png" alt="" title="" /></div>
<div class="table_section_14"><img src="images/checked.png" alt="" title="" /></div>
<div class="table_section_14"><img src="images/checked.png" alt="" title="" /></div>
</li>
<li class="table_row">
<div class="table_section_14">Price</div>
<div class="table_section_14"><strong>$ 50</strong></div>
<div class="table_section_14"><strong>$ 100</strong></div>
<div class="table_section_14"><strong>$ 200</strong></div>
</li>
<li class="table_row">
<div class="table_section_14"> </div>
<div class="table_section_14"><a href="contact.html" class="buy_now">BUY NOW</a></div>
<div class="table_section_14"><a href="contact.html" class="buy_now">BUY NOW</a></div>
<div class="table_section_14"><a href="contact.html" class="buy_now">BUY NOW</a></div>
</li>
</ul>
<p>With this table design you can create a price table for your services.</p>
</div>
</div>
</div>
</div>
</div>