/
index.html
393 lines (360 loc) · 16.7 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
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Smashing Library</title>
<link rel="icon"
type="image/png"
href="assets/img/favicon.png">
<link rel="stylesheet" href="assets/css/css.css" type="text/css" media="all">
<link rel="stylesheet" href="assets/css/main.css" type="text/css" media="all">
<link rel="stylesheet" href="assets/css/font-awesome.css" type="text/css" media="all">
<link rel="stylesheet" href="assets/css/custom.css" type="text/css" media="all">
<script type="text/javascript" src="assets/js/jquery.js"></script>
<script type="text/javascript" src="assets/js/jquery-migrate.js"></script>
<script type="text/javascript" src="assets/js/custom.js"></script>
</head>
<body class="home blog sidebar">
<nav id="top" class="site-header toplevel clearfix" role="banner">
<div class="mini">
<h1><span class="sr">Smashing Magazine</span>
<a href="#" style="border: none;">
<img src="assets/img/logo.png" alt="Smashing Magazine Demo" title="Jump to the front page">
</a>
</h1>
</div>
<div class="mobile-nav-buttons">
<a href="#" class="menuButton" role="button" onclick="show()" id="button" title="menu">Menu</a>
<a href="#" class="search" role="button" onclick="show_button()" id="search" title="Click to Search"></a>
</div>
<div class="" id="search_div">
<div class="" id="">
<label for="mobile-search-input" class="inactive">Search on Smashing Magazine</label><br/>
<input type="text" name="name" value="" id="mobile-search-input" placeholder="e.g. CSS">
<div class="btn btn-red" id="search_button">
Search
</div>
</div>
</div>
<nav class="" id="hidden_menu" >
<ul class="menu" id="smashing_page">
<li>Smashing Pages:</li>
<li>Books</li>
<li>eBooks</li>
<li>Tickets</li>
<li>Shop</li>
<li>Email Newsletter</li>
<li>Jobs</li>
<li>About Us / Impressum</li>
</ul>
<ul class="menu" id="categories">
<li>Categories:</li>
<li>Coding</li>
<li>Design</li>
<li>Mobile</li>
<li>Graphics</li>
<li>UX Design</li>
<li>WordPress</li>
</ul>
</nav>
<ul id="menu-network-menu" class="network clearfix list">
<li class="current"><a href="#" style="border: none;"><img src="assets/img/logo.png" alt="Smashing Magazine" title="Jump to the front page"></a></li>
<li><a href="#">Books</a></li>
<li class="haiImage"><a href="#">eBooks</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">Jobs</a></li>
</ul>
<ul class="channels">
<li class="rss"><img src="assets/img/rss-icon.png" class="icons"/></li>
<li class="fb"><img src="assets/img/facebook.png" class="icons"/></li>
<li class="tw"><img src="assets/img/twitter.png" class="icons"/> </li>
<li class="nl"><img src="assets/img/subscribe.png"class="icons"/> </li>
</ul>
</nav><!-- #top -->
<div id="container">
<div class="fluid clearfix">
<div class="grid clearfix">
<div class="mini-search wp-search-form clearfix">
<form id="search" method="get" action="#" target="_top">
<input name="q" placeholder="e.g. JavaScript" type="text">
<button class="search_submit" type="submit"><span class="first-type">Search</span></button>
<input name="cx" value="partner-pub-6779860845561969:5884617103" type="hidden">
<input name="cof" value="FORID:10" type="hidden">
<input name="ie" value="UTF-8" type="hidden">
</form>
</div>
<div class="col sidebar">
<li class="sections"><ul id="menu-network-menu" class="clearfix">
<li id="coding"><a href="#">Coding</a>
<ul class="sub-menu">
<li><a href="#">CSS</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">Techniques</a></li>
</li>
</ul>
<li id="design"><a href="#">Design</a>
<ul class="sub-menu">
<li><a href="#">Web Design</a></li>
<li><a href="#">Typography</a></li>
<li><a href="#">Inspiration</a></li>
<li><a href="#">Business</a></li>
</ul>
</li>
<li id="graphics"><a href="#">Graphics</a>
<ul class="sub-menu">
<li><a href="#">Web Design</a></li>
<li><a href="#">Typography</a></li>
<li><a href="#">Inspiration</a></li>
<li><a href="#">Business</a></li>
</ul>
</li>
<li id="mobile"><a href="#">Mobile</a>
<ul class="sub-menu">
<li><a href="#">iPhone</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Design Patterns</a></li>
</ul>
</li>
<li id="ux"><a href="#">UX Design</a>
<ul class="sub-menu">
<li><a href="#">iPhone</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Design Patterns</a></li>
</ul>
</li>
<li id="wordpress"><a href="#">Wordpress</a>
<ul class="sub-menu">
<li><a href="#">iPhone</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Design Patterns</a></li>
</ul>
</li>
</li>
</ul></nav> </div>
<div id="content" class="site-content col main home" role="main">
<article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized">
<h2 class="entry-title">
<a href="#" rel="bookmark">Desktop Wallpaper Calendars: September 2015</a>
</h2>
<ul class="postmetadata clearfix">
<li class="author">By <a rel="author" class="post-author" href="#" title="Posts by admin">The Smashing Editorial</a></li>
<li class="date">January 7, 2015</li>
<li class="tags"><a href="#" rel="tag">Wallpapers</a></li>
<li class="comments"><a href="#" class="comment">11 Comments</a> </li>
</ul>
<p class="paragraph">
As designers we usually turn to different sources of inspiration, but, well, sometimes the best inspiration lies right in front of us.
With that in mind, we embarked on a special creativity mission seven years ago:
to provide you with inspiring and unique desktop wallpapers every month.
Wallpapers that are a little more distinctive than the usual crowd and that are bound to fuel your ideas.
</p>
<img src="assets/img/post1.jpg" align="center"/>
<p>One sunny morning in the summer of 2014, I was sitting in a café having just finished an hour-long call with my remote team.
Scheduling that call had been a messy exercise: we live in different time zones and it was hard to find a time that worked for everyone.
I wanted to make dealing with time zone differences less painful.</p>
<a href="#" class="readMore">Read more...</a>
</article>
<!-- #post -->
<article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized">
<h2 class="entry-title">
<a href="#" rel="bookmark">Web Development Reading List #101</a>
</h2>
<ul class="postmetadata clearfix">
<li class="author">By <a rel="author" class="post-author" href="#" title="Posts by admin">Eldhose K Shibu</a></li>
<li class="date">January 27, 2015</li>
<li class="tags"><a href="#" rel="tag">Wallpapers</a></li>
<li class="comments"><a href="#" class="comment">15 Comments</a> </li>
</ul>
<p class="paragraph">
What's happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools?
Our dear friend Anselm Hannemann is keeping track of everything in the web development reading list so you don't have to.
The reaction on the first post last week was quite overwhelming, so we moved from a bi-monthly frequency to a weekly frequency (for now). — Ed.
</p>
<img src="assets/img/post2.png" align="center"/>
<p>One sunny morning in the summer of 2014, I was sitting in a café having just finished an hour-long call with my remote team.
Scheduling that call had been a messy exercise: we live in different time zones and it was hard to find a time that worked for everyone.
I wanted to make dealing with time zone differences less painful.</p>
<a href="#" class="readMore">Read more...</a>
</article>
<!-- #post -->
<article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized">
<h2 class="entry-title">
<a href="#" rel="bookmark">How We Designed And Built Our First Apple Watch App</a>
</h2>
<ul class="postmetadata clearfix">
<li class="author">By <a rel="author" class="post-author" href="#" title="Posts by admin">Eldhose K Shibu</a></li>
<li class="date">January 17, 2015</li>
<li class="tags"><a href="#" rel="tag">Wallpapers</a></li>
<li class="comments"><a href="#" class="comment">5 Comments</a> </li>
</ul>
<p class="paragraph">
One sunny morning in the summer of 2014, I was sitting in a café having just finished an hour-long call with my remote team.
Scheduling that call had been a messy exercise: we live in different time zones and it was hard to find a time that worked for everyone.
I wanted to make dealing with time zone differences less painful.
</p>
<img src="assets/img/post3.png" align="center"/>
<p>One sunny morning in the summer of 2014, I was sitting in a café having just finished an hour-long call with my remote team.
Scheduling that call had been a messy exercise: we live in different time zones and it was hard to find a time that worked for everyone.
I wanted to make dealing with time zone differences less painful.</p>
<a href="#" class="readMore">Read more...</a>
</article>
<!-- #post -->
<div class="wp-pagenavi" align="center">
<span class="pages">Page 1 of 4</span>
<span class="current">1</span>
<a class="page larger" href="#">2</a>
<a class="page larger" href="#">3</a>
<a class="page larger" href="#">4</a>
<a class="page larger" href="#">5</a>
<a class="page larger" href="#">6</a>
<a class="nextpostslink" href="#">Next»</a>
</div>
</div><!-- .col.main -->
</div><!-- .grid -->
<p><a href="#top" class="backtotop" title="Jump to the top of the page">↑ Back to top</a></p>
</div><!-- .fluid -->
<div class="footer-navigation">
<div id="mobile-navigation" class="mobile-nav">
<a href="#top" class="backtotop" title="Jump to the top of the page">↑ Back to top</a>
<ul id="menu-primary-menu" class="mobile-nav-ul"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1701"><a href="#sample-page/">Sample Page</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1702"><a href="#blog/">Blog</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1703"><a href="#about/page-markup-and-formatting/">Markup And Formatting</a></li>
</ul> <ul id="menu-short" class="mobile-nav-ul"><li id="menu-item-1629" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1629"><a href="http://wpthemetestdata.wordpress.com/">Home</a></li>
<li id="menu-item-1630" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1630"><a href="#blog/">Blog</a></li>
<li id="menu-item-1631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1631"><a href="#about/">About The Tests</a>
<ul class="sub-menu">
<li id="menu-item-1632" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1632"><a href="#about/clearing-floats/">Clearing Floats</a></li>
<li id="menu-item-1633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1633"><a href="#about/page-with-comments/">Page with comments</a></li>
<li id="menu-item-1634" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1634"><a href="#about/page-with-comments-disabled/">Page with comments disabled</a></li>
</ul>
</li>
<li id="menu-item-1635" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1635"><a href="#lorem-ipsum/">Lorem Ipsum</a></li>
</ul> </div><!-- .footer-navigation -->
<div id="mobile-search" class="mobile-search">
<a href="#top" class="backtotop" title="Jump to the top of the page">↑ Back to top</a>
<form id="searching" class="search-for-mobile" method="get" action="#" target="_top">
<div class="clearfix">
<input name="s" id="mobile-search-input" placeholder="e.g. CSS" type="text">
<button class="search_submit" type="submit">Search</button>
</div>
</form>
</div><!-- .mobile-search -->
</div><!-- .footer-navigation -->
</div><!-- #container -->
<div id="wpsidebar">
<div class="col side">
<p class="search">Search on Smashing Magazine</p>
<input type="text" class="searc" placeholder="e.g. JavaScript"/>
<button class="sea" type="submit">Search</button>
<div id="wf-rand-widget-2" class="widget wf-rand-widget">
<div class="sidebartabs self-promo">
<ul>
<li class="adv">Advertisements</li>
<li class="advRight">Advertise with us!</li>
<li><img src="assets/img/adv1.png"/></li>
<li><img src="assets/img/adv2.png"/></li>
<li><img src="assets/img/adv3.png"/></li>
<li><img src="assets/img/adv4.png"/></li>
<li><img src="assets/img/adv5.png"/></li>
<li><img src="assets/img/adv6.png"/></li>
<br/><br/>
</ul>
</div><!-- .widget-container.posts -->
</div> <div id="recent-posts-3" class="widget widget_recent_entries"> <h3 class="widget-title">Recent Posts</h3> <ul>
<li>
<a href="#">New Trends in Making</a>
</li>
<li>
<a href="#">Hello world!</a>
</li>
<li>
<a href="#">Markup: HTML Tags and Formatting</a>
</li>
<li>
<a href="#">Markup: Image Alignment</a>
</li>
<li>
<a href="#">Markup: Text Alignment</a>
</li>
<li>
<a href="#">Markup: Title With Markup</a>
</li>
<li>
<a href="#">Template: More Tag</a>
</li>
<li>
<a href="#">Template: Excerpt (Defined)</a>
</li>
<li>
<a href="#">Template: Excerpt (Generated)</a>
</li>
<li>
<a href="#">Template: Paginated</a>
</li>
</ul>
</div> </div><!-- .col.side -->
</div><!-- #wpsidebar -->
<div id="footer" class="site-footer" role="contentinfo">
<div id="secondary" class="sidebar-container" role="complementary">
<div class="widget-area">
<div id="calendar-2" class="contribute widget widget_calendar"><div id="calendar_wrap"><table id="wp-calendar">
<caption>August 2015</caption>
<thead>
<tr>
<th scope="col" title="Monday">M</th>
<th scope="col" title="Tuesday">T</th>
<th scope="col" title="Wednesday">W</th>
<th scope="col" title="Thursday">T</th>
<th scope="col" title="Friday">F</th>
<th scope="col" title="Saturday">S</th>
<th scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="3" id="prev"><a href="#2014/05/" title="View posts for May 2014">« May</a></td>
<td class="pad"> </td>
<td colspan="3" id="next" class="pad"> </td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="5" class="pad"> </td><td>1</td><td>2</td>
</tr>
<tr>
<td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
<tr>
<td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td>
</tr>
<tr>
<td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td>
</tr>
<tr>
<td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td id="today">29</td><td>30</td>
</tr>
<tr>
<td>31</td>
<td class="pad" colspan="6"> </td>
</tr>
</tbody>
</table></div></div> </div><!-- .widget-area -->
</div><!-- #secondary -->
<div class="statement">
<div id="copyright">
© 2015 <a href="#" title="Smashing Magazine">
Smashing Magazine</a>
<a href="#" title="Smashing Magazine ">Theme by Eldhose K Shibu</a>
</div>
<ul id="menu-primary-menu-1" class="footer-navigation"><li><a href="#">Sample Page</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Markup And Formatting</a></li>
</ul> </div><!-- .site-info -->
<a href="#top" id="scrollup" class="backtotop single" title="Jump to the top of the page">↑ Back to top</a>
</div><!-- #container -->
<script type="text/javascript" src="assets/js/functions.js"></script>
</body></html>