smock 0.1.106 → 0.1.107
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/Gemfile.lock +1 -1
- data/examples/pages/profile.html +364 -245
- metadata +3 -4
- data/examples/pages/provider_profile_page.html +0 -965
data/Gemfile.lock
CHANGED
data/examples/pages/profile.html
CHANGED
|
@@ -283,282 +283,401 @@
|
|
|
283
283
|
|
|
284
284
|
</div>
|
|
285
285
|
</header>
|
|
286
|
-
|
|
287
|
-
<
|
|
288
|
-
|
|
289
|
-
<img class="banner__image" src="http://placekitten.com/960/180" alt="Provider Banner"/>
|
|
286
|
+
<section class="l-container">
|
|
287
|
+
<div class="banner">
|
|
288
|
+
<img alt="zlaws" class="banner__image" height="180" src="./provider_profile_page_files/large_microlancer_cover_2.jpg" width="960">
|
|
290
289
|
</div>
|
|
291
290
|
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
291
|
+
<section class="profile">
|
|
292
|
+
<div am-grid-col="l:9:12" class="profile__bio">
|
|
293
|
+
<h3 class="no-margin">zlaws</h3>
|
|
294
|
+
<p class="caption__secondary">London, United Kingdom<span>Joined March 2013</span></p>
|
|
295
|
+
<div class="profile__bio__text read__more">
|
|
296
|
+
<p>I'm pretty sure you might be picturing the person behind this profile sitting in front of his laptop with a cup of coffee or an iced-cold beverage while assisting clients (like you - hopefully) with their needs. </p>
|
|
297
|
+
|
|
298
|
+
<p>I hope to work with you very soon - waiting for your order :)</p>
|
|
299
|
+
|
|
300
|
+
<p>Chris</p>
|
|
301
|
+
</div>
|
|
302
|
+
|
|
303
|
+
<ul>
|
|
298
304
|
<li class="list__item--social">
|
|
299
|
-
<a
|
|
305
|
+
<a href="http://facebook.com/freelanceguy" title="facebook">
|
|
300
306
|
<i class="hot-icon__facebook--color--round"></i>
|
|
301
|
-
<span class="footer-list__item-body">Facebook</span>
|
|
302
|
-
</a>
|
|
303
|
-
</li>
|
|
304
|
-
<li class="list__item--social">
|
|
305
|
-
<a class="footer-list__link" href="https://twitter.com/envatostudio" title="Envato Studio Twitter">
|
|
306
|
-
<i class="hot-icon__twitter--color--round"></i>
|
|
307
|
-
<span class="footer-list__item-body">Twitter</span>
|
|
308
|
-
</a>
|
|
309
|
-
</li>
|
|
310
|
-
<li class="list__item--social">
|
|
311
|
-
<a class="footer-list__link" href="http://instagram.com/envatostudio" title="Envato Studio Instagram">
|
|
312
|
-
<i class="hot-icon__instagram--color--round"></i>
|
|
313
|
-
<span class="footer-list__item-body">Instagram</span>
|
|
314
307
|
</a>
|
|
315
308
|
</li>
|
|
316
309
|
<li class="list__item--social">
|
|
317
|
-
<a
|
|
318
|
-
|
|
319
|
-
<i class="hot-icon__google--color--round"></i>
|
|
320
|
-
<span class="footer-list__item-body">Google+</span>
|
|
310
|
+
<a href="https://www.facebook.com/freelanceguy">
|
|
311
|
+
<i class="hot-icon__website--color--round"></i>
|
|
321
312
|
</a>
|
|
322
313
|
</li>
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
</div>
|
|
329
|
-
<div class="avatar-caption__2of12col-image">
|
|
330
|
-
<a href="#" class="button button--muted">Contact Me</a>
|
|
331
|
-
</div>
|
|
332
|
-
</div>
|
|
333
|
-
</section>
|
|
334
|
-
<section class="metrics">
|
|
335
|
-
<div am-grid-col="l:3:12">
|
|
336
|
-
<div am-grid-col="l:1:3">
|
|
337
|
-
<i class="hot-icon__twitter--color--round metrics__icon"></i>
|
|
338
|
-
</div>
|
|
339
|
-
<div am-grid-col="l:2:3">
|
|
340
|
-
<div><strong>100% (8/8)</strong></div>
|
|
341
|
-
<div>Recommended</div>
|
|
342
|
-
</div>
|
|
343
|
-
</div>
|
|
344
|
-
<div am-grid-col="l:3:12">
|
|
345
|
-
<div am-grid-col="l:1:3">
|
|
346
|
-
<i class="hot-icon__twitter--color--round metrics__icon"></i>
|
|
347
|
-
</div>
|
|
348
|
-
<div am-grid-col="l:2:3">
|
|
349
|
-
<div><strong>458</strong></div>
|
|
350
|
-
<div>Completed Jobs</div>
|
|
351
|
-
</div>
|
|
352
|
-
</div>
|
|
353
|
-
<div am-grid-col="l:3:12">
|
|
354
|
-
<div am-grid-col="l:1:3">
|
|
355
|
-
<i class="hot-icon__twitter--color--round metrics__icon"></i>
|
|
356
|
-
</div>
|
|
357
|
-
<div am-grid-col="l:2:3">
|
|
358
|
-
<div><strong>95%</strong></div>
|
|
359
|
-
<div>Response Rate</div>
|
|
360
|
-
</div>
|
|
361
|
-
</div>
|
|
362
|
-
<div am-grid-col="l:3:12">
|
|
363
|
-
<div am-grid-row="l:start">
|
|
364
|
-
<div am-grid-col="l:1:3">Speed</div>
|
|
365
|
-
<div am-grid-col="l:2:3" class="metrics__progress_bar"><span class="metrics__progress metrics__progress--red"></span></div>
|
|
366
|
-
</div>
|
|
367
|
-
<div am-grid-row="l:start">
|
|
368
|
-
<div am-grid-col="l:1:3">Reliability</div>
|
|
369
|
-
<div am-grid-col="l:2:3" class="metrics__progress_bar"><span class="metrics__progress metrics__progress--blue"></span></div>
|
|
370
|
-
</div>
|
|
314
|
+
</ul>
|
|
315
|
+
</div>
|
|
316
|
+
<div am-grid-col="l:2 l:pre1">
|
|
317
|
+
<div class="avatar--medium">
|
|
318
|
+
<img alt="Medium profile pic" class="avatar__image" src="./provider_profile_page_files/medium_profile-pic.jpg">
|
|
371
319
|
</div>
|
|
372
|
-
</section>
|
|
373
|
-
<section>
|
|
374
|
-
<h4>My Services</h4>
|
|
375
320
|
<div>
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
321
|
+
<a class="button button--muted" href="http://studio.dev/account/users/283/enquiries/new">Contact Me</a>
|
|
322
|
+
</div>
|
|
323
|
+
</div>
|
|
324
|
+
</section>
|
|
325
|
+
|
|
326
|
+
<section>
|
|
327
|
+
<h4>My Services</h4>
|
|
328
|
+
<div>
|
|
329
|
+
<div class="service service__card" am-grid-col="l:3:12" am-grid-row="l:start">
|
|
330
|
+
<a href="http://studio.dev/explore/app-design/9247-mobile-app-design-with-ux">
|
|
331
|
+
<div class="service__card__image">
|
|
332
|
+
<div class="service__card__image__price">$250</div>
|
|
333
|
+
<img width="223" height="198" src="./provider_profile_page_files/feature_430008_597442033611329_2062301907_n.jpg">
|
|
334
|
+
</div>
|
|
335
|
+
</a>
|
|
336
|
+
<a href="http://studio.dev/explore/app-design/9247-mobile-app-design-with-ux">Mobile App Design with UX</a>
|
|
337
|
+
<a href="http://studio.dev/explore/app-design"><p class="caption__secondary">App Design</p></a>
|
|
380
338
|
</div>
|
|
381
|
-
<
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
339
|
+
<div class="service service__card" am-grid-col="l:3:12">
|
|
340
|
+
<a href="http://studio.dev/explore/landing-page-design-development/789-creative-web-page-design">
|
|
341
|
+
<div class="service__card__image">
|
|
342
|
+
<div class="service__card__image__price">$490</div>
|
|
343
|
+
<img width="223" height="198" src="./provider_profile_page_files/feature_Work-and-Play.jpg">
|
|
344
|
+
</div>
|
|
345
|
+
</a>
|
|
346
|
+
<a href="http://studio.dev/explore/landing-page-design-development/789-creative-web-page-design">Creative Web Page Design</a>
|
|
347
|
+
<a href="http://studio.dev/explore/landing-page-design-development"><p class="caption__secondary">Landing Page Design & Development</p></a>
|
|
388
348
|
</div>
|
|
389
|
-
<
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
349
|
+
<div class="service service__card" am-grid-col="l:3:12">
|
|
350
|
+
<a href="http://studio.dev/explore/landing-page-design-development/487-poker-web-design">
|
|
351
|
+
<div class="service__card__image">
|
|
352
|
+
<div class="service__card__image__price">$230</div>
|
|
353
|
+
<img width="223" height="198" src="./provider_profile_page_files/feature_casino_1-1390960680.jpg">
|
|
354
|
+
</div>
|
|
355
|
+
</a>
|
|
356
|
+
<a href="http://studio.dev/explore/landing-page-design-development/487-poker-web-design">Poker Web Design</a>
|
|
357
|
+
<a href="http://studio.dev/explore/landing-page-design-development"><p class="caption__secondary">Landing Page Design & Development</p></a>
|
|
396
358
|
</div>
|
|
397
|
-
<
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
359
|
+
<div class="service service__card" am-grid-col="l:3:12" am-grid-row="l:end">
|
|
360
|
+
<a href="http://studio.dev/explore/landing-page-design-development/486-casino-web-design">
|
|
361
|
+
<div class="service__card__image">
|
|
362
|
+
<div class="service__card__image__price">$255</div>
|
|
363
|
+
<img width="223" height="198" src="./provider_profile_page_files/feature_casino_1-1390960973.jpg">
|
|
364
|
+
</div>
|
|
365
|
+
</a>
|
|
366
|
+
<a href="http://studio.dev/explore/landing-page-design-development/486-casino-web-design">Casino Web Design</a>
|
|
367
|
+
<a href="http://studio.dev/explore/landing-page-design-development"><p class="caption__secondary">Landing Page Design & Development</p></a>
|
|
368
|
+
</div>
|
|
369
|
+
<div class="service service__card" am-grid-col="l:3:12" am-grid-row="l:start">
|
|
370
|
+
<a href="http://studio.dev/explore/landing-page-design-development/677-professional-landing-page-design-with-seo">
|
|
371
|
+
<div class="service__card__image">
|
|
372
|
+
<div class="service__card__image__price">$300</div>
|
|
373
|
+
<img width="223" height="198" src="./provider_profile_page_files/feature_sample_macs-1390963021.jpg">
|
|
374
|
+
</div>
|
|
375
|
+
</a>
|
|
376
|
+
<a href="http://studio.dev/explore/landing-page-design-development/677-professional-landing-page-design-with-seo">Professional Landing Page Design with SEO</a>
|
|
377
|
+
<a href="http://studio.dev/explore/landing-page-design-development"><p class="caption__secondary">Landing Page Design & Development</p></a>
|
|
378
|
+
</div>
|
|
379
|
+
<div class="service service__card" am-grid-col="l:3:12">
|
|
380
|
+
<a href="http://studio.dev/explore/logo-design/1052-unique-logo-design-with-brand-documentation">
|
|
381
|
+
<div class="service__card__image">
|
|
382
|
+
<div class="service__card__image__price">$300</div>
|
|
383
|
+
<img width="223" height="198" src="./provider_profile_page_files/feature_fabricate.jpg">
|
|
384
|
+
</div>
|
|
385
|
+
</a>
|
|
386
|
+
<a href="http://studio.dev/explore/logo-design/1052-unique-logo-design-with-brand-documentation">Unique Logo Design with Brand Documentation</a>
|
|
387
|
+
<a href="http://studio.dev/explore/logo-design"><p class="caption__secondary">Logo Design</p></a>
|
|
388
|
+
</div>
|
|
389
|
+
<div class="service service__card" am-grid-col="l:3:12">
|
|
390
|
+
<a href="http://studio.dev/explore/logo-design/399-express-logo-design">
|
|
391
|
+
<div class="service__card__image">
|
|
392
|
+
<div class="service__card__image__price">$160</div>
|
|
393
|
+
<img width="223" height="198" src="./provider_profile_page_files/feature_blue-rocket.jpg">
|
|
394
|
+
</div>
|
|
395
|
+
</a>
|
|
396
|
+
<a href="http://studio.dev/explore/logo-design/399-express-logo-design">Express Logo Design</a>
|
|
397
|
+
<a href="http://studio.dev/explore/logo-design"><p class="caption__secondary">Logo Design</p></a>
|
|
404
398
|
</div>
|
|
405
|
-
<
|
|
406
|
-
|
|
399
|
+
<div class="service service__card" am-grid-col="l:3:12" am-grid-row="l:end">
|
|
400
|
+
<a href="http://studio.dev/explore/photo-editing/6336-image-manipulation-and-composition">
|
|
401
|
+
<div class="service__card__image">
|
|
402
|
+
<div class="service__card__image__price">$130</div>
|
|
403
|
+
<img width="223" height="198" src="./provider_profile_page_files/feature_Luxury-Yacht-Summer_small.jpg">
|
|
404
|
+
</div>
|
|
405
|
+
</a>
|
|
406
|
+
<a href="http://studio.dev/explore/photo-editing/6336-image-manipulation-and-composition">Image Manipulation and Composition</a>
|
|
407
|
+
<a href="http://studio.dev/explore/photo-editing"><p class="caption__secondary">Photo Editing</p></a>
|
|
408
|
+
</div>
|
|
409
|
+
<div class="service service__card" am-grid-col="l:3:12" am-grid-row="l:start">
|
|
410
|
+
<a href="http://studio.dev/explore/business-card-design/1439-creative-concept-business-card-design-with-images">
|
|
411
|
+
<div class="service__card__image">
|
|
412
|
+
<div class="service__card__image__price">$100</div>
|
|
413
|
+
<img width="223" height="198" src="./provider_profile_page_files/feature_1.jpg">
|
|
414
|
+
</div>
|
|
415
|
+
</a>
|
|
416
|
+
<a href="http://studio.dev/explore/business-card-design/1439-creative-concept-business-card-design-with-images">Creative Concept Business Card Design with Images</a>
|
|
417
|
+
<a href="http://studio.dev/explore/business-card-design"><p class="caption__secondary">Business Card Design</p></a>
|
|
418
|
+
</div>
|
|
419
|
+
<div class="service" am-grid-col="l:3:12">
|
|
420
|
+
<a href="http://studio.dev/account/users/283/enquiries/new">
|
|
421
|
+
<div class="service__card__image--custom--job">
|
|
422
|
+
Custom Project
|
|
423
|
+
</div>
|
|
424
|
+
</a>
|
|
425
|
+
<div><a href="http://studio.dev/account/users/283/enquiries/new">Can't find what your are looking for? I also do custom projects based on your brief.</a></div>
|
|
407
426
|
</div>
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
</div>
|
|
412
|
-
</section>
|
|
427
|
+
</div>
|
|
428
|
+
</section>
|
|
429
|
+
|
|
413
430
|
<section class="profile__review__quote">
|
|
414
|
-
<blockquote>
|
|
415
|
-
"
|
|
431
|
+
<blockquote class="profile__review__box">
|
|
432
|
+
"We are very happy with his work. We didn't know exactly what we wanted for a logo,but he was very patient with us and delivered us a high quality product that we love. We recommend him highly and it was easy to work with him. "
|
|
416
433
|
</blockquote>
|
|
434
|
+
<strong>soriano</strong><span class="profile__review__purchase-count">has ordered 2 jobs</span>
|
|
417
435
|
</section>
|
|
418
|
-
<div class="separator"></div>
|
|
419
436
|
<section>
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
<ul>
|
|
427
|
-
<li>
|
|
428
|
-
<div am-grid-col="l:2:12">Responsiveness</div>
|
|
429
|
-
<div am-grid-col="l:10:12">
|
|
430
|
-
<div class="stars hot-icon__star-off"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
431
|
-
</div>
|
|
432
|
-
</li>
|
|
433
|
-
<li>
|
|
434
|
-
<div am-grid-col="l:2:12">Communication</div>
|
|
435
|
-
<div am-grid-col="l:10:12">
|
|
436
|
-
<div class="stars hot-icon__star-off"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
437
|
-
</div>
|
|
438
|
-
</li>
|
|
439
|
-
<li>
|
|
440
|
-
<div am-grid-col="l:2:12">Quality</div>
|
|
441
|
-
<div am-grid-col="l:10:12">
|
|
442
|
-
<div class="stars hot-icon__star-off"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
443
|
-
</div>
|
|
444
|
-
</li>
|
|
445
|
-
</ul>
|
|
446
|
-
</div>
|
|
447
|
-
<ul class="review__list" am-grid-col="l:9:9">
|
|
448
|
-
<li>
|
|
449
|
-
<div am-grid-col="l:1:9">
|
|
450
|
-
<div class="avatar--small">
|
|
451
|
-
<img class="avatar__image" src="https://dummyimage.com/60x60" />
|
|
452
|
-
</div>
|
|
453
|
-
</div>
|
|
454
|
-
<div am-grid-col="l:8:9">
|
|
455
|
-
<strong>Cooper Kelly</strong>
|
|
456
|
-
<p class="no-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a nunc pharetra, molestie diam quis, elementum erat. Sed pellentesque metus eget mattis pharetra. Proin urna nisl, consectetur vel maximus rhoncus, suscipit sit amet tortor.</p>
|
|
457
|
-
<p class="caption__secondary">May 2014</p>
|
|
458
|
-
<br>
|
|
459
|
-
</div>
|
|
460
|
-
</li>
|
|
461
|
-
<li>
|
|
462
|
-
<div am-grid-col="l:1:9">
|
|
463
|
-
<div class="avatar--small">
|
|
464
|
-
<img class="avatar__image" src="https://dummyimage.com/60x60" />
|
|
465
|
-
</div>
|
|
437
|
+
<div am-grid-col="l:9:12">
|
|
438
|
+
<div am-grid-col="l:9:9">
|
|
439
|
+
<h3>311 Recommendations</h3>
|
|
440
|
+
<div am-grid-col="l:2:9">
|
|
441
|
+
<div class="hot-icon__star-off stars"><div class="stars stars--on hot-icon__star-on" style="width: 98%"></div></div>
|
|
442
|
+
Responsiveness
|
|
466
443
|
</div>
|
|
467
|
-
<div am-grid-col="l:
|
|
468
|
-
<
|
|
469
|
-
|
|
470
|
-
<p class="caption__secondary">May 2014</p>
|
|
471
|
-
<br>
|
|
444
|
+
<div am-grid-col="l:2:9">
|
|
445
|
+
<div class="hot-icon__star-off stars"><div class="stars stars--on hot-icon__star-on" style="width: 96%"></div></div>
|
|
446
|
+
Communication
|
|
472
447
|
</div>
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
<div class="avatar--small">
|
|
477
|
-
<img class="avatar__image" src="https://dummyimage.com/60x60" />
|
|
478
|
-
</div>
|
|
479
|
-
</div>
|
|
480
|
-
<div am-grid-col="l:8:9" am-grid-row="l:end">
|
|
481
|
-
<strong>Cooper Kelly</strong>
|
|
482
|
-
<p class="no-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a nunc pharetra, molestie diam quis, elementum erat. Sed pellentesque metus eget mattis pharetra. Proin urna nisl, consectetur vel maximus rhoncus, suscipit sit amet tortor.</p>
|
|
483
|
-
<p class="caption__secondary">May 2014</p>
|
|
484
|
-
<br>
|
|
485
|
-
<div am-grid-col="l:8:8">
|
|
486
|
-
<div am-grid-col="l:1:8">
|
|
487
|
-
<div class="avatar--small">
|
|
488
|
-
<img class="avatar__image" src="https://dummyimage.com/60x60" />
|
|
489
|
-
</div>
|
|
490
|
-
</div>
|
|
491
|
-
<div am-grid-col="l:7:8">
|
|
492
|
-
<strong>Cooper Kelly</strong>
|
|
493
|
-
<p class="no-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a nunc pharetra, molestie diam quis, elementum erat. Sed pellentesque metus eget mattis pharetra. Proin urna nisl, consectetur vel maximus rhoncus, suscipit sit amet tortor.</p>
|
|
494
|
-
<p class="caption__secondary">May 2014</p>
|
|
495
|
-
<br>
|
|
496
|
-
</div>
|
|
497
|
-
</div>
|
|
448
|
+
<div am-grid-col="l:2:9">
|
|
449
|
+
<div class="hot-icon__star-off stars"><div class="stars stars--on hot-icon__star-on" style="width: 95%"></div></div>
|
|
450
|
+
Quality
|
|
498
451
|
</div>
|
|
499
|
-
</
|
|
500
|
-
<
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
452
|
+
</div>
|
|
453
|
+
<div am-grid-col="l:9:9" class="separator"></div>
|
|
454
|
+
<ul id="reviews" class="review__list" am-grid-col="l:9:9"><div><li class="review">
|
|
455
|
+
<div am-grid-col="l:1:9">
|
|
456
|
+
<div class="avatar--small">
|
|
457
|
+
<img src="./provider_profile_page_files/60x60_user_avatar.png" class="avatar__image" width="60" height="60">
|
|
458
|
+
</div>
|
|
459
|
+
</div>
|
|
460
|
+
<div am-grid-col="l:8:9" am-grid-row="l:end">
|
|
461
|
+
<strong>webmaster1258</strong><span class="profile__review__purchase-count">has ordered 1 job</span>
|
|
462
|
+
<p class="no-margin">Perfect work. Excellent ideas and professional design.
|
|
463
|
+
I do recommend zlaws for your needs.
|
|
464
|
+
|
|
465
|
+
</p>
|
|
466
|
+
<p class="caption__secondary">September 2014</p>
|
|
467
|
+
<br>
|
|
468
|
+
|
|
469
|
+
</div>
|
|
470
|
+
</li></div><div><li class="review">
|
|
471
|
+
<div am-grid-col="l:1:9">
|
|
472
|
+
<div class="avatar--small">
|
|
473
|
+
<img src="./provider_profile_page_files/60x60_user_avatar.png" class="avatar__image" width="60" height="60">
|
|
474
|
+
</div>
|
|
475
|
+
</div>
|
|
476
|
+
<div am-grid-col="l:8:9" am-grid-row="l:end">
|
|
477
|
+
<strong>Anders89</strong><span class="profile__review__purchase-count">has ordered 3 jobs</span>
|
|
478
|
+
<p class="no-margin">Thx, good job ;)</p>
|
|
479
|
+
<p class="caption__secondary">September 2014</p>
|
|
480
|
+
<br>
|
|
481
|
+
|
|
482
|
+
<div am-grid-col="l:8:8">
|
|
483
|
+
<div am-grid-col="l:1:8">
|
|
484
|
+
<div class="avatar--small">
|
|
485
|
+
<img src="./provider_profile_page_files/thumbnail_profile-pic.jpg" class="avatar__image" width="60" height="60">
|
|
486
|
+
</div>
|
|
487
|
+
</div>
|
|
488
|
+
<div am-grid-col="l:7:8">
|
|
489
|
+
Reply from <strong>zlaws</strong>
|
|
490
|
+
<p class="no-margin">Great working with you :) </p>
|
|
491
|
+
<p class="caption__secondary">September 2014</p>
|
|
492
|
+
<br>
|
|
493
|
+
</div>
|
|
494
|
+
</div>
|
|
495
|
+
|
|
496
|
+
</div>
|
|
497
|
+
</li></div><div><li class="review">
|
|
498
|
+
<div am-grid-col="l:1:9">
|
|
499
|
+
<div class="avatar--small">
|
|
500
|
+
<img src="./provider_profile_page_files/60x60_user_avatar.png" class="avatar__image" width="60" height="60">
|
|
526
501
|
</div>
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
502
|
+
</div>
|
|
503
|
+
<div am-grid-col="l:8:9" am-grid-row="l:end">
|
|
504
|
+
<strong>carlosreloaded</strong><span class="profile__review__purchase-count">has ordered 2 jobs</span>
|
|
505
|
+
<p class="no-margin">Definetely recommended :)</p>
|
|
506
|
+
<p class="caption__secondary">September 2014</p>
|
|
507
|
+
<br>
|
|
508
|
+
|
|
509
|
+
<div am-grid-col="l:8:8">
|
|
510
|
+
<div am-grid-col="l:1:8">
|
|
511
|
+
<div class="avatar--small">
|
|
512
|
+
<img src="./provider_profile_page_files/thumbnail_profile-pic.jpg" class="avatar__image" width="60" height="60">
|
|
513
|
+
</div>
|
|
514
|
+
</div>
|
|
515
|
+
<div am-grid-col="l:7:8">
|
|
516
|
+
Reply from <strong>zlaws</strong>
|
|
517
|
+
<p class="no-margin">Always a pleasure working with Carlos on his requests. Great client and looking forward to work with you again mate.</p>
|
|
518
|
+
<p class="caption__secondary">September 2014</p>
|
|
519
|
+
<br>
|
|
520
|
+
</div>
|
|
521
|
+
</div>
|
|
522
|
+
|
|
523
|
+
</div>
|
|
524
|
+
</li></div><div><li class="review">
|
|
525
|
+
<div am-grid-col="l:1:9">
|
|
526
|
+
<div class="avatar--small">
|
|
527
|
+
<img src="./provider_profile_page_files/60x60_user_avatar.png" class="avatar__image" width="60" height="60">
|
|
528
|
+
</div>
|
|
529
|
+
</div>
|
|
530
|
+
<div am-grid-col="l:8:9" am-grid-row="l:end">
|
|
531
|
+
<strong>gioak76</strong><span class="profile__review__purchase-count">has ordered 3 jobs</span>
|
|
532
|
+
<p class="no-margin">Fantastic work as usual!</p>
|
|
533
|
+
<p class="caption__secondary">September 2014</p>
|
|
534
|
+
<br>
|
|
535
|
+
|
|
536
|
+
</div>
|
|
537
|
+
</li></div></ul>
|
|
538
|
+
<div am-grid-col="l:1:9">
|
|
539
|
+
|
|
540
|
+
</div>
|
|
541
|
+
<div am-grid-col="l:8:9">
|
|
542
|
+
<a id="show-more" href="http://studio.dev/users/zlaws#" style="">Show more reviews</a>
|
|
543
|
+
</div>
|
|
530
544
|
</div>
|
|
531
|
-
<div
|
|
532
|
-
<
|
|
545
|
+
<div am-grid-col="l:2 l:pre1">
|
|
546
|
+
<div class="avatar--medium">
|
|
547
|
+
<img alt="Medium profile pic" class="avatar__image" src="./provider_profile_page_files/medium_profile-pic.jpg">
|
|
548
|
+
</div>
|
|
549
|
+
<div>
|
|
550
|
+
<a class="button button--muted" href="http://studio.dev/account/users/283/enquiries/new">Contact Me</a>
|
|
551
|
+
</div>
|
|
533
552
|
</div>
|
|
534
|
-
|
|
535
|
-
</section>
|
|
536
|
-
<section>
|
|
537
|
-
<div am-grid-col="l:4:12"><img src="https://dummyimage.com/300x242"/></div>
|
|
538
|
-
<div am-grid-col="l:4:12"><img src="https://dummyimage.com/300x242"/></div>
|
|
539
|
-
<div am-grid-col="l:4:12" am-grid-row="l:end"><img src="https://dummyimage.com/300x242"/></div>
|
|
540
|
-
<div am-grid-col="l:4:12"><img src="https://dummyimage.com/300x242"/></div>
|
|
541
|
-
<div am-grid-col="l:4:12"><img src="https://dummyimage.com/300x242"/></div>
|
|
542
|
-
<div am-grid-col="l:4:12"><img src="https://dummyimage.com/300x242"/></div>
|
|
553
|
+
|
|
543
554
|
</section>
|
|
544
|
-
</section>
|
|
545
555
|
|
|
546
556
|
<script>
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
557
|
+
Studio.ready(function () {
|
|
558
|
+
$('.read__more').click(function() {
|
|
559
|
+
$('.profile__bio__text').addClass('profile__bio__text--expanded');
|
|
560
|
+
return false;
|
|
561
|
+
});
|
|
562
|
+
|
|
563
|
+
|
|
564
|
+
var reviewBootstrap = {"reviews":[{"avatar_url":"/assets/placeholder/60x60_user_avatar.png","display_name":"webmaster1258","buyer_job_count":"has ordered 1 job","story":"Perfect work. Excellent ideas and professional design. \r\nI do recommend zlaws for your needs.\r\n\r\n","created_at":"September 2014","provider_avatar_url":"//microlancer.lancerassets.com/v2/avatars/a0/af0430029311e4ba16fb5740919993/thumbnail_profile-pic.jpg","provider_display_name":"zlaws","response":null,"updated_at":"September 2014"},{"avatar_url":"/assets/placeholder/60x60_user_avatar.png","display_name":"Anders89","buyer_job_count":"has ordered 3 jobs","story":"Thx, good job ;)","created_at":"September 2014","provider_avatar_url":"//microlancer.lancerassets.com/v2/avatars/a0/af0430029311e4ba16fb5740919993/thumbnail_profile-pic.jpg","provider_display_name":"zlaws","response":"Great working with you :) ","updated_at":"September 2014"},{"avatar_url":"/assets/placeholder/60x60_user_avatar.png","display_name":"carlosreloaded","buyer_job_count":"has ordered 2 jobs","story":"Definetely recommended :)","created_at":"September 2014","provider_avatar_url":"//microlancer.lancerassets.com/v2/avatars/a0/af0430029311e4ba16fb5740919993/thumbnail_profile-pic.jpg","provider_display_name":"zlaws","response":"Always a pleasure working with Carlos on his requests. Great client and looking forward to work with you again mate.","updated_at":"September 2014"},{"avatar_url":"/assets/placeholder/60x60_user_avatar.png","display_name":"gioak76","buyer_job_count":"has ordered 3 jobs","story":"Fantastic work as usual!","created_at":"September 2014","provider_avatar_url":"//microlancer.lancerassets.com/v2/avatars/a0/af0430029311e4ba16fb5740919993/thumbnail_profile-pic.jpg","provider_display_name":"zlaws","response":null,"updated_at":"September 2014"}],"next_page_url":"/users/zlaws/reviews?page=2"};
|
|
565
|
+
if (reviewBootstrap.reviews.length > 0) {
|
|
566
|
+
reviewListProxyView = new Studio.ReviewListProxyView({el: '#reviews', model: reviewBootstrap.reviews});
|
|
567
|
+
if (reviewBootstrap.next_page_url) {
|
|
568
|
+
var showMore = $('#show-more');
|
|
569
|
+
showMore.show();
|
|
570
|
+
showMore.click(function () {
|
|
571
|
+
$.ajax({
|
|
572
|
+
url: reviewBootstrap.next_page_url,
|
|
573
|
+
dataType: 'json',
|
|
574
|
+
success: function (data) {
|
|
575
|
+
reviewListProxyView.update(data.reviews);
|
|
576
|
+
reviewBootstrap.next_page_url = data.next_page_url;
|
|
577
|
+
if (data.next_page_url == undefined) {
|
|
578
|
+
$('#show-more').hide();
|
|
579
|
+
}
|
|
580
|
+
}
|
|
581
|
+
});
|
|
582
|
+
return false;
|
|
583
|
+
});
|
|
584
|
+
}
|
|
585
|
+
}
|
|
586
|
+
});
|
|
554
587
|
</script>
|
|
588
|
+
</section>
|
|
555
589
|
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
<
|
|
560
|
-
|
|
561
|
-
|
|
590
|
+
|
|
591
|
+
<footer id="footer" class="footer">
|
|
592
|
+
<section class="footer-banner">
|
|
593
|
+
<section class="container">
|
|
594
|
+
<section class="footer-banner__envato">
|
|
595
|
+
<i class="footer-banner__envato-logo image--envato-inverse"></i>
|
|
596
|
+
</section>
|
|
597
|
+
|
|
598
|
+
<section class="footer-banner__text">
|
|
599
|
+
<p class="footer-banner__info">Envato Studio is part of the Envato network. Supporting over 4,000,000 digital creatives worldwide with sites including <a href="http://themeforest.net/">ThemeForest</a>, <a href="https://tutsplus.com/">Tuts+</a> and Envato Studio.</p>
|
|
600
|
+
</section>
|
|
601
|
+
</section>
|
|
602
|
+
</section>
|
|
603
|
+
|
|
604
|
+
<div class="container">
|
|
605
|
+
<ul class="footer-list">
|
|
606
|
+
<li class="footer-list__label">About Studio</li>
|
|
607
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/how-it-works">How It Works</a></li>
|
|
608
|
+
<li class="footer-list__item"><a class="footer-list__link" href="https://envatostudio.zendesk.com/hc/en-us">FAQ</a></li>
|
|
609
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/contact?ticket%5Breason%5D=Customer+Support+Request" rel="nofollow">Contact Us</a></li>
|
|
610
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/about-us">About Us</a></li>
|
|
611
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/testimonials">Testimonials</a></li>
|
|
612
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/affiliates">Affiliates</a></li>
|
|
613
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studioblog.envato.com/">Blog</a></li>
|
|
614
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/user-terms">Terms & Conditions</a></li>
|
|
615
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/content-policy">Content Policy</a></li>
|
|
616
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/privacy-policy">Privacy Policy</a></li>
|
|
562
617
|
|
|
618
|
+
<li class="footer-list__item">
|
|
619
|
+
<ul class="footer-list--social">
|
|
620
|
+
<li class="footer-list__item--social">
|
|
621
|
+
<a class="footer-list__link" href="https://www.facebook.com/EnvatoStudio" title="Envato Studio Facebook">
|
|
622
|
+
<i class="hot-icon__facebook--color--round"></i>
|
|
623
|
+
<span class="footer-list__item-body">Facebook</span>
|
|
624
|
+
</a> </li>
|
|
625
|
+
<li class="footer-list__item--social">
|
|
626
|
+
<a class="footer-list__link" href="https://twitter.com/envatostudio" title="Envato Studio Twitter">
|
|
627
|
+
<i class="hot-icon__twitter--color--round"></i>
|
|
628
|
+
<span class="footer-list__item-body">Twitter</span>
|
|
629
|
+
</a> </li>
|
|
630
|
+
<li class="footer-list__item--social">
|
|
631
|
+
<a class="footer-list__link" href="http://instagram.com/envatostudio" title="Envato Studio Instagram">
|
|
632
|
+
<i class="hot-icon__instagram--color--round"></i>
|
|
633
|
+
<span class="footer-list__item-body">Instagram</span>
|
|
634
|
+
</a> </li>
|
|
635
|
+
<li class="footer-list__item--social">
|
|
636
|
+
<a class="footer-list__link" href="https://plus.google.com/b/103902459860816636792/+Microlancer/posts" title="Envato Studio Google+">
|
|
637
|
+
<i class="hot-icon__google--color--round"></i>
|
|
638
|
+
<span class="footer-list__item-body">Google+</span>
|
|
639
|
+
</a> </li>
|
|
640
|
+
</ul>
|
|
641
|
+
</li>
|
|
642
|
+
</ul>
|
|
643
|
+
|
|
644
|
+
<ul class="footer-list">
|
|
645
|
+
<li class="footer-list__label">Categories</li>
|
|
646
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/explore/business-online-marketing">Business & Online Marketing</a></li>
|
|
647
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/explore/mobile-apps">Mobile & Apps</a></li>
|
|
648
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/explore/ecommerce-cms-development">Ecommerce & CMS Development</a></li>
|
|
649
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/explore/websites-programming">Websites & Programming</a></li>
|
|
650
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/explore/design-graphics">Design & Graphics</a></li>
|
|
651
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/explore/wordpress">WordPress</a></li>
|
|
652
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/explore/logo-design-branding">Logo Design & Branding</a></li>
|
|
653
|
+
<li class="footer-list__item"><a class="footer-list__link" href="http://studio.dev/explore/video-animation">Video & Animation</a></li>
|
|
654
|
+
</ul>
|
|
655
|
+
|
|
656
|
+
<ul class="footer-list--sister-site">
|
|
657
|
+
<li class="footer-list__label">Other Envato Sites</li>
|
|
658
|
+
<li class="footer-list__item--sister-site">
|
|
659
|
+
<a class="footer__sister-site__link--image" href="https://tutsplus.com/?utm_source=studio.envato.com&utm_medium=referral&utm_campaign=global_footer"><img class="footer__sister-site__image" src="./provider_profile_page_files/tuts-plus.jpg" width="140" height="112"></a>
|
|
660
|
+
<p class="footer__sister-site__description">
|
|
661
|
+
Learn creative and technical skills with Tuts+ video courses and free tutorials. Topics include code, design, photography and more.
|
|
662
|
+
<span class="footer__sister-site__link"><a href="https://tutsplus.com/?utm_source=studio.envato.com&utm_medium=referral&utm_campaign=global_footer">Learn now with Tuts+</a></span>
|
|
663
|
+
</p>
|
|
664
|
+
</li>
|
|
665
|
+
|
|
666
|
+
<li class="footer-list__item--sister-site">
|
|
667
|
+
<a class="footer__sister-site__link--image" href="http://codecanyon.net/category/wordpress"><img class="footer__sister-site__image" src="./provider_profile_page_files/themeforest.png" width="140" height="112"></a>
|
|
668
|
+
<p class="footer__sister-site__description">
|
|
669
|
+
Add more features to your website such as user profiles, payment gateways, image galleries and more.
|
|
670
|
+
<span class="footer__sister-site__link"><a href="http://codecanyon.net/category/wordpress">Browse WordPress Plugins</a></span>
|
|
671
|
+
</p>
|
|
672
|
+
</li>
|
|
673
|
+
</ul>
|
|
674
|
+
|
|
675
|
+
<footer class="sub-footer">
|
|
676
|
+
<p>Copyright © 2014 Envato Studio. All Rights Reserved</p>
|
|
677
|
+
<a class="sub-footer__envato image--envato" href="http://envato.com/">Envato</a>
|
|
678
|
+
</footer>
|
|
679
|
+
</div>
|
|
680
|
+
</footer>
|
|
563
681
|
</body>
|
|
682
|
+
|
|
564
683
|
</html>
|