smock 0.1.106 → 0.1.107
Sign up to get free protection for your applications and to get access to all the features.
- 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>
|