smock 0.1.169 → 0.1.170

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. data/Gemfile.lock +1 -1
  2. data/app/assets/stylesheets/includes/_images.sass +3 -2
  3. data/app/assets/stylesheets/modules/_nav.sass +0 -1
  4. data/app/assets/stylesheets/modules/_pagination.sass +0 -1
  5. data/app/assets/stylesheets/modules/_service_card.sass +19 -13
  6. data/examples/pages/explore.html +193 -1388
  7. data/examples/service.html +46 -16
  8. metadata +3 -3
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- smock (0.1.169)
4
+ smock (0.1.170)
5
5
  sass (= 3.2.19)
6
6
  thor (= 0.19.1)
7
7
 
data/app/assets/stylesheets/includes/_images.sass CHANGED
@@ -7,7 +7,8 @@
7
7
  border-radius: $border-radius
8
8
  max-width: 100%
9
9
  height: auto
10
- display: block
10
+ display: inline-block
11
+ vertical-align: middle
11
12
 
12
13
  .banner
13
14
  +space(height, 9)
@@ -54,4 +55,4 @@
54
55
 
55
56
  .avatar--smallest
56
57
  +space(height, 1)
57
- +space(width, 1)
58
+ +space(width, 1)
data/app/assets/stylesheets/modules/_nav.sass CHANGED
@@ -4,7 +4,6 @@
4
4
  list-style: none
5
5
  margin: 0
6
6
  +clearfix
7
- +bottom-horizontal-rule
8
7
  text-align: right
9
8
 
10
9
  .pop-sub-nav-item
data/app/assets/stylesheets/modules/_pagination.sass CHANGED
@@ -1,5 +1,4 @@
1
1
  .pagination
2
- +space(margin-top, 2)
3
2
  +space(margin-bottom)
4
3
 
5
4
  .pagination-right
data/app/assets/stylesheets/modules/_service_card.sass CHANGED
@@ -18,11 +18,12 @@
18
18
  +space(right, 0.5)
19
19
  background-color: $orange
20
20
  border-radius: $border-radius
21
- +space(padding-top, 0.25)
22
- +space(padding-bottom, 0.25)
23
- +space(padding-left, 0.5)
24
- +space(padding-right, 0.5)
21
+ +space(padding-top, 0.5)
22
+ +space(padding-bottom, 0.5)
23
+ +space(padding-left, 0.75)
24
+ +space(padding-right, 0.75)
25
25
  color: $white
26
+ +typecsset-font-size($first-font-size)
26
27
 
27
28
  .service__card__mask
28
29
  opacity: 0
@@ -42,23 +43,28 @@
42
43
  +space(margin-bottom)
43
44
  +space(margin-left)
44
45
 
46
+ .service__card__title
47
+ +space(min-height, 2)
48
+
49
+ .service__card__provider__info
50
+ display: inline-block
51
+ float: left
52
+
45
53
  .service__card__provider__image
46
- +space(min-height, 1)
54
+ +space(min-height, 2)
55
+ +space(margin-right, 0.5)
56
+ float: left
47
57
 
48
- .service__card__provider_name
58
+ .service__card__provider__name
49
59
  font-weight: bold
50
- +space(line-height, 1)
60
+ display: block
51
61
  span
52
62
  color: $gray
53
63
  font-weight: normal
54
64
  +space(padding-left, 0.25)
55
65
 
56
- .service__card
57
- &:nth-child(4n)
58
- margin-right: 0
59
- clear: right
60
- &:nth-child(4n+1)
61
- clear: left
66
+ .service__card__provider__country
67
+ color: $gray
62
68
 
63
69
  .service__card__content
64
70
  +space(height, 8)
data/examples/pages/explore.html CHANGED
@@ -643,7 +643,7 @@
643
643
  <section class="l-content">
644
644
  <section class="services search-results">
645
645
  <section class="search-results">
646
- <nav class="pop-sub-nav--search">
646
+ <nav class="pop-sub-nav--search s-small-below">
647
647
  <ul class="pop-sub-nav__list">
648
648
  <li class="pop-sub-nav-item is-active"><a
649
649
  href="https://studio-app.envato.com/smock/examples/explore/wordpress?search%5Bcategory%5D%5B%5D=wordpress-installation&search%5Bcategory%5D%5B%5D=create-wordpress-theme&search%5Bcategory%5D%5B%5D=wordpress-plug-ins&search%5Bcategory%5D%5B%5D=wordpress-customization&search%5Bcategory%5D%5B%5D=website-to-wordpress&search%5Bcategory%5D%5B%5D=psd-to-wordpress&sort=most_delivered">deliveries</a>
@@ -669,1432 +669,237 @@
669
669
  <script>Studio.favoriteServiceIDs = []</script>
670
670
 
671
671
 
672
- <section class="services">
673
-
674
- <article class="service" id="service-4663">
675
- <h4 class="service__title">
676
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/4663-themeforest-wordpress-theme-installation-unlimited-support">ThemeForest
677
- WordPress Theme Installation (Unlimited Support)</a>
678
- <span class="service__title__details">1 day, 5 revisions</span>
679
- </h4>
680
-
681
- <section class="service__gallery">
682
- <a class="service__gallery__item"
683
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/4663-themeforest-wordpress-theme-installation-unlimited-support"
684
- rel="nofollow">
685
- <img alt="ThemeForest WordPress Theme Installation (Unlimited Support) by CXWebExperts - 23690"
686
- class="service__gallery__image" height="107"
687
- src="./explore_files/listing_thumbnail_Project-47-1390965331.png" width="134">
688
- </a> <a class="service__gallery__item"
689
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/4663-themeforest-wordpress-theme-installation-unlimited-support"
690
- rel="nofollow">
691
- <img alt="ThemeForest WordPress Theme Installation (Unlimited Support) by CXWebExperts - 23691"
692
- class="service__gallery__image" height="107" src="./explore_files/listing_thumbnail_Project-34-1390965305.png"
693
- width="134">
694
- </a> <a class="service__gallery__item"
695
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/4663-themeforest-wordpress-theme-installation-unlimited-support"
696
- rel="nofollow">
697
- <img alt="ThemeForest WordPress Theme Installation (Unlimited Support) by CXWebExperts - 23692"
698
- class="service__gallery__image" height="107"
699
- src="./explore_files/listing_thumbnail_forex_career_centre_web-1390965297.jpg" width="134">
700
- </a></section>
701
-
702
- <section class="service__info">
703
- <div class="service__trinkets">
704
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">101</section>
705
-
706
- <section class="service-favorite__add">
707
- <a href="https://studio-app.envato.com/smock/examples/account/services/4663/favorites" class="service-favorite__add-button--inline"
708
- data-method="post" data-remote="true" rel="nofollow">
709
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
710
- </a>
711
- </section>
712
- </span>
713
-
714
- <script>
715
- Studio.ready(function () {
716
- if (Studio.favoriteServiceIDs) {
717
- new Studio.ServiceFavoriteProxyView({
718
- el: '#service-4663 .service-favorite--inline',
719
- serviceID: 4663,
720
- selected: _.contains(Studio.favoriteServiceIDs, 4663),
721
- favoritesCount: 101
722
- }).render();
723
- }
724
- });
725
- </script>
726
-
727
- <section class="service-featured">
728
- <div class="service-featured__icon--inline hot-icon__featured" title="Featured service"></div>
729
- </section>
730
- </div>
731
-
732
- <div class="service__price">
733
- <div class="price--large">
734
- $50
735
- </div>
736
- </div>
737
- <div class="service__detail--first">Deliveries <strong>285</strong></div>
738
- <div class="service__detail">99% Recommended <strong>(198/200)</strong></div>
739
- <section class="service__provider">
740
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/CXWebExperts" rel="nofollow"><img
741
- alt="Thumbnail cxwebexperts logo5" src="./explore_files/thumbnail_cxwebexperts_logo5.jpg"></a></div>
742
- <div class="service__provider__name">
743
- <span class="online_status--online"><i class="svg__online-dot"></i></span>
744
- <a href="https://studio-app.envato.com/smock/examples/users/CXWebExperts">CXWebExperts</a>
745
- </div>
746
- <div class="service__provider__country">United Kingdom</div>
747
- </section>
748
- </section>
749
-
750
- </article>
751
-
752
- <article class="service" id="service-6869">
753
- <h4 class="service__title">
754
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/6869-themeforest-theme-installation-demo-setup-logo-menu-plugin-security-seo">Themeforest
755
- Theme Installation &amp; Demo Setup (+Logo+Menu+Plugin+Security+SEO)</a>
756
- <span class="service__title__details">1 day, 5 revisions</span>
757
- </h4>
758
-
759
- <section class="service__gallery">
760
- <a class="service__gallery__item"
761
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/6869-themeforest-theme-installation-demo-setup-logo-menu-plugin-security-seo"
762
- rel="nofollow">
763
- <img alt="Themeforest Theme Installation &amp; Demo Setup (+Logo+Menu+Plugin+Security+SEO) by hasanet - 34332"
764
- class="service__gallery__image" height="107"
765
- src="./explore_files/listing_thumbnail_57card_20copy-1390971932.jpg" width="134">
766
- </a> <a class="service__gallery__item"
767
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/6869-themeforest-theme-installation-demo-setup-logo-menu-plugin-security-seo"
768
- rel="nofollow">
769
- <img alt="Themeforest Theme Installation &amp; Demo Setup (+Logo+Menu+Plugin+Security+SEO) by hasanet - 34333"
770
- class="service__gallery__image" height="107" src="./explore_files/listing_thumbnail_cam-pod2-1390972769.jpg"
771
- width="134">
772
- </a> <a class="service__gallery__item"
773
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/6869-themeforest-theme-installation-demo-setup-logo-menu-plugin-security-seo"
774
- rel="nofollow">
775
- <img alt="Themeforest Theme Installation &amp; Demo Setup (+Logo+Menu+Plugin+Security+SEO) by hasanet - 34337"
776
- class="service__gallery__image" height="107" src="./explore_files/listing_thumbnail_ciel-1390971985.jpg"
777
- width="134">
778
- </a></section>
779
-
780
- <section class="service__info">
781
- <div class="service__trinkets">
782
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">62</section>
783
-
784
- <section class="service-favorite__add">
785
- <a href="https://studio-app.envato.com/smock/examples/account/services/6869/favorites" class="service-favorite__add-button--inline"
786
- data-method="post" data-remote="true" rel="nofollow">
787
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
788
- </a>
789
- </section>
790
- </span>
791
-
792
- <script>
793
- Studio.ready(function () {
794
- if (Studio.favoriteServiceIDs) {
795
- new Studio.ServiceFavoriteProxyView({
796
- el: '#service-6869 .service-favorite--inline',
797
- serviceID: 6869,
798
- selected: _.contains(Studio.favoriteServiceIDs, 6869),
799
- favoritesCount: 62
800
- }).render();
801
- }
802
- });
803
- </script>
804
-
805
- </div>
806
-
807
- <div class="service__price">
808
- <div class="price--large">
809
- $50
810
- </div>
811
- </div>
812
- <div class="service__detail--first">Deliveries <strong>166</strong></div>
813
- <div class="service__detail">99% Recommended <strong>(142/143)</strong></div>
814
- <section class="service__provider">
815
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/hasanet" rel="nofollow"><img
816
- alt="Thumbnail bio image 20copy 1385719534"
817
- src="./explore_files/thumbnail_bio_image_20copy-1385719534.jpg"></a></div>
818
- <div class="service__provider__name">
819
- <span class="online_status--offline"><i class="svg__online-dot"></i></span>
820
- <a href="https://studio-app.envato.com/smock/examples/users/hasanet">hasanet</a>
821
- </div>
822
- <div class="service__provider__country">Bangladesh</div>
823
- </section>
824
- </section>
825
-
826
- </article>
827
-
828
- <article class="service" id="service-7613">
829
- <h4 class="service__title">
830
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/7613-complete-wordpress-installation-demo-setup-customization-plugin-security-seo">Complete
831
- WordPress Installation (Demo Setup, Customization, Plugin, Security, SEO)</a>
832
- <span class="service__title__details">2 days, 2 revisions</span>
833
- </h4>
834
-
835
- <section class="service__gallery">
836
- <a class="service__gallery__item"
837
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/7613-complete-wordpress-installation-demo-setup-customization-plugin-security-seo"
838
- rel="nofollow">
839
- <img alt="Complete WordPress Installation (Demo Setup, Customization, Plugin, Security, SEO) by Besyar - 38194"
840
- class="service__gallery__image" height="107" src="./explore_files/listing_thumbnail_1-1390967898.png"
841
- width="134">
842
- </a> <a class="service__gallery__item"
843
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/7613-complete-wordpress-installation-demo-setup-customization-plugin-security-seo"
844
- rel="nofollow">
845
- <img alt="Complete WordPress Installation (Demo Setup, Customization, Plugin, Security, SEO) by Besyar - 38195"
846
- class="service__gallery__image" height="107" src="./explore_files/listing_thumbnail_2-1390967898.png"
847
- width="134">
848
- </a> <a class="service__gallery__item"
849
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/7613-complete-wordpress-installation-demo-setup-customization-plugin-security-seo"
850
- rel="nofollow">
851
- <img alt="Complete WordPress Installation (Demo Setup, Customization, Plugin, Security, SEO) by Besyar - 38196"
852
- class="service__gallery__image" height="107" src="./explore_files/listing_thumbnail_3-1390967866.png"
853
- width="134">
854
- </a></section>
855
-
856
- <section class="service__info">
857
- <div class="service__trinkets">
858
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">57</section>
859
-
860
- <section class="service-favorite__add">
861
- <a href="https://studio-app.envato.com/smock/examples/account/services/7613/favorites" class="service-favorite__add-button--inline"
862
- data-method="post" data-remote="true" rel="nofollow">
863
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
864
- </a>
865
- </section>
866
- </span>
867
-
868
- <script>
869
- Studio.ready(function () {
870
- if (Studio.favoriteServiceIDs) {
871
- new Studio.ServiceFavoriteProxyView({
872
- el: '#service-7613 .service-favorite--inline',
873
- serviceID: 7613,
874
- selected: _.contains(Studio.favoriteServiceIDs, 7613),
875
- favoritesCount: 57
876
- }).render();
877
- }
878
- });
879
- </script>
880
-
881
- </div>
882
-
883
- <div class="service__price">
884
- <div class="price--large">
885
- $50
886
- </div>
887
- </div>
888
- <div class="service__detail--first">Deliveries <strong>104</strong></div>
889
- <div class="service__detail">98% Recommended <strong>(90/91)</strong></div>
890
- <section class="service__provider">
891
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/Besyar" rel="nofollow"><img
892
- alt="Thumbnail avatar 1390482536" src="./explore_files/thumbnail_avatar-1390482536.png"></a></div>
893
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/Besyar">Besyar</a></div>
894
- <div class="service__provider__country">Sweden</div>
895
- </section>
896
- </section>
897
-
898
- </article>
899
-
900
- <article class="service" id="service-4963">
901
- <h4 class="service__title">
902
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/4963-premium-wordpress-theme-setup-and-modification">Premium
903
- Wordpress Theme Setup and Modification</a>
904
- <span class="service__title__details">2 days, 4 revisions</span>
905
- </h4>
906
-
907
- <section class="service__gallery">
908
- <a class="service__gallery__item"
909
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/4963-premium-wordpress-theme-setup-and-modification"
910
- rel="nofollow">
911
- <img alt="Premium Wordpress Theme Setup and Modification by sherbdr - 42909" class="service__gallery__image"
912
- height="107" src="./explore_files/listing_mockup-5.jpg" width="134">
913
- </a> <a class="service__gallery__item"
914
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/4963-premium-wordpress-theme-setup-and-modification"
915
- rel="nofollow">
916
- <img alt="Premium Wordpress Theme Setup and Modification by sherbdr - 42910" class="service__gallery__image"
917
- height="107" src="./explore_files/listing_mockup-4.jpg" width="134">
918
- </a> <a class="service__gallery__item"
919
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/4963-premium-wordpress-theme-setup-and-modification"
920
- rel="nofollow">
921
- <img alt="Premium Wordpress Theme Setup and Modification by sherbdr - 42911" class="service__gallery__image"
922
- height="107" src="./explore_files/listing_mockup-7.jpg" width="134">
923
- </a></section>
924
-
925
- <section class="service__info">
926
- <div class="service__trinkets">
927
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">40</section>
928
-
929
- <section class="service-favorite__add">
930
- <a href="https://studio-app.envato.com/smock/examples/account/services/4963/favorites" class="service-favorite__add-button--inline"
931
- data-method="post" data-remote="true" rel="nofollow">
932
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
933
- </a>
934
- </section>
935
- </span>
936
-
937
- <script>
938
- Studio.ready(function () {
939
- if (Studio.favoriteServiceIDs) {
940
- new Studio.ServiceFavoriteProxyView({
941
- el: '#service-4963 .service-favorite--inline',
942
- serviceID: 4963,
943
- selected: _.contains(Studio.favoriteServiceIDs, 4963),
944
- favoritesCount: 40
945
- }).render();
946
- }
947
- });
948
- </script>
949
-
950
- <section class="service-featured">
951
- <div class="service-featured__icon--inline hot-icon__featured" title="Featured service"></div>
952
- </section>
953
- </div>
954
-
955
- <div class="service__price">
956
- <div class="price--large">
957
- $75
958
- </div>
959
- </div>
960
- <div class="service__detail--first">Deliveries <strong>75</strong></div>
961
- <div class="service__detail">100% Recommended <strong>(41/41)</strong></div>
962
- <section class="service__provider">
963
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/sherbdr" rel="nofollow"><img
964
- alt="Thumbnail sushant 1384356534" src="./explore_files/thumbnail_sushant-1384356534.JPG"></a></div>
965
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/sherbdr">sherbdr</a></div>
966
- <div class="service__provider__country">Nepal</div>
967
- </section>
968
- </section>
969
-
970
- </article>
971
-
972
- <article class="service" id="service-3797">
973
- <h4 class="service__title">
974
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/3797-wordpress-theme-customization">WordPress
975
- Theme Customization</a>
976
- <span class="service__title__details">5 days, 2 revisions</span>
977
- </h4>
978
-
979
- <section class="service__gallery">
980
- <a class="service__gallery__item"
981
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/3797-wordpress-theme-customization"
982
- rel="nofollow">
983
- <img alt="WordPress Theme Customization by iqbalbary - 39796" class="service__gallery__image" height="107"
984
- src="./explore_files/listing_thumbnail_p1-1392277262.jpg" width="134">
985
- </a> <a class="service__gallery__item"
986
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/3797-wordpress-theme-customization"
987
- rel="nofollow">
988
- <img alt="WordPress Theme Customization by iqbalbary - 39798" class="service__gallery__image" height="107"
989
- src="./explore_files/listing_thumbnail_p3-1392277337.jpg" width="134">
990
- </a> <a class="service__gallery__item"
991
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/3797-wordpress-theme-customization"
992
- rel="nofollow">
993
- <img alt="WordPress Theme Customization by iqbalbary - 39797" class="service__gallery__image" height="107"
994
- src="./explore_files/listing_thumbnail_p2-1392277299.jpg" width="134">
995
- </a></section>
996
-
997
- <section class="service__info">
998
- <div class="service__trinkets">
999
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">56</section>
1000
-
1001
- <section class="service-favorite__add">
1002
- <a href="https://studio-app.envato.com/smock/examples/account/services/3797/favorites" class="service-favorite__add-button--inline"
1003
- data-method="post" data-remote="true" rel="nofollow">
1004
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1005
- </a>
1006
- </section>
1007
- </span>
1008
-
1009
- <script>
1010
- Studio.ready(function () {
1011
- if (Studio.favoriteServiceIDs) {
1012
- new Studio.ServiceFavoriteProxyView({
1013
- el: '#service-3797 .service-favorite--inline',
1014
- serviceID: 3797,
1015
- selected: _.contains(Studio.favoriteServiceIDs, 3797),
1016
- favoritesCount: 56
1017
- }).render();
1018
- }
1019
- });
1020
- </script>
1021
-
1022
- </div>
1023
-
1024
- <div class="service__price">
1025
- <div class="price--large">
1026
- $100
1027
- </div>
1028
- </div>
1029
- <div class="service__detail--first">Deliveries <strong>50</strong></div>
1030
- <div class="service__detail">100% Recommended <strong>(32/32)</strong></div>
1031
- <section class="service__provider">
1032
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/iqbalbary" rel="nofollow"><img
1033
- alt="Thumbnail aaa2" src="./explore_files/thumbnail_aaa2.jpg"></a></div>
1034
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/iqbalbary">iqbalbary</a></div>
1035
- <div class="service__provider__country">Bangladesh</div>
1036
- </section>
1037
- </section>
1038
-
1039
- </article>
1040
-
1041
- <article class="service" id="service-7368">
1042
- <h4 class="service__title">
1043
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7368-wordpress-theme-customization">WordPress
1044
- Theme Customization</a>
1045
- <span class="service__title__details">4 days, 3 revisions</span>
1046
- </h4>
1047
-
1048
- <section class="service__gallery">
1049
- <a class="service__gallery__item"
1050
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7368-wordpress-theme-customization"
1051
- rel="nofollow">
1052
- <img alt="WordPress Theme Customization by ThemeManiac - 37113" class="service__gallery__image" height="107"
1053
- src="./explore_files/listing_thumbnail_01_Preview-1390967480.jpg" width="134">
1054
- </a> <a class="service__gallery__item"
1055
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7368-wordpress-theme-customization"
1056
- rel="nofollow">
1057
- <img alt="WordPress Theme Customization by ThemeManiac - 37114" class="service__gallery__image" height="107"
1058
- src="./explore_files/listing_thumbnail_alamak_preview-1390967514.jpg" width="134">
1059
- </a> <a class="service__gallery__item"
1060
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7368-wordpress-theme-customization"
1061
- rel="nofollow">
1062
- <img alt="WordPress Theme Customization by ThemeManiac - 37115" class="service__gallery__image" height="107"
1063
- src="./explore_files/listing_thumbnail_theme_preview_590_300__large_preview-1390967509.jpg" width="134">
1064
- </a></section>
1065
-
1066
- <section class="service__info">
1067
- <div class="service__trinkets">
1068
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">53</section>
1069
-
1070
- <section class="service-favorite__add">
1071
- <a href="https://studio-app.envato.com/smock/examples/account/services/7368/favorites" class="service-favorite__add-button--inline"
1072
- data-method="post" data-remote="true" rel="nofollow">
1073
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1074
- </a>
1075
- </section>
1076
- </span>
1077
-
1078
- <script>
1079
- Studio.ready(function () {
1080
- if (Studio.favoriteServiceIDs) {
1081
- new Studio.ServiceFavoriteProxyView({
1082
- el: '#service-7368 .service-favorite--inline',
1083
- serviceID: 7368,
1084
- selected: _.contains(Studio.favoriteServiceIDs, 7368),
1085
- favoritesCount: 53
1086
- }).render();
1087
- }
1088
- });
1089
- </script>
1090
-
1091
- <section class="service-featured">
1092
- <div class="service-featured__icon--inline hot-icon__featured" title="Featured service"></div>
1093
- </section>
1094
- </div>
1095
-
1096
- <div class="service__price">
1097
- <div class="price--large">
1098
- $150
1099
- </div>
1100
- </div>
1101
- <div class="service__detail--first">Deliveries <strong>46</strong></div>
1102
- <div class="service__detail">100% Recommended <strong>(36/36)</strong></div>
1103
- <section class="service__provider">
1104
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/ThemeManiac" rel="nofollow"><img
1105
- alt="Thumbnail thememaniac 1371841006" src="./explore_files/thumbnail_thememaniac-1371841006.jpg"></a></div>
1106
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/ThemeManiac">ThemeManiac</a></div>
1107
- <div class="service__provider__country">Slovenia</div>
1108
- </section>
1109
- </section>
1110
-
1111
- </article>
1112
-
1113
- <article class="service" id="service-5835">
1114
- <h4 class="service__title">
1115
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/5835-themeforest-wordpress-theme-installation">ThemeForest
1116
- WordPress Theme Installation</a>
1117
- <span class="service__title__details">1 day, 1 revision</span>
1118
- </h4>
1119
-
1120
- <section class="service__gallery">
1121
- <a class="service__gallery__item"
1122
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/5835-themeforest-wordpress-theme-installation"
1123
- rel="nofollow">
1124
- <img alt="ThemeForest WordPress Theme Installation by cpthapa - 29112" class="service__gallery__image"
1125
- height="107" src="./explore_files/listing_thumbnail_theme-1390969784.jpg" width="134">
1126
- </a> <a class="service__gallery__item"
1127
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/5835-themeforest-wordpress-theme-installation"
1128
- rel="nofollow">
1129
- <img alt="ThemeForest WordPress Theme Installation by cpthapa - 29113" class="service__gallery__image" height="107"
1130
- src="./explore_files/listing_thumbnail_themeforesthome-1390969757.png" width="134">
1131
- </a> <a class="service__gallery__item"
1132
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/5835-themeforest-wordpress-theme-installation"
1133
- rel="nofollow">
1134
- <img alt="ThemeForest WordPress Theme Installation by cpthapa - 29114" class="service__gallery__image" height="107"
1135
- src="./explore_files/listing_thumbnail_Visit-ThemeForest-1390969752.jpg" width="134">
1136
- </a></section>
1137
-
1138
- <section class="service__info">
1139
- <div class="service__trinkets">
1140
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">36</section>
1141
-
1142
- <section class="service-favorite__add">
1143
- <a href="https://studio-app.envato.com/smock/examples/account/services/5835/favorites" class="service-favorite__add-button--inline"
1144
- data-method="post" data-remote="true" rel="nofollow">
1145
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1146
- </a>
1147
- </section>
1148
- </span>
1149
-
1150
- <script>
1151
- Studio.ready(function () {
1152
- if (Studio.favoriteServiceIDs) {
1153
- new Studio.ServiceFavoriteProxyView({
1154
- el: '#service-5835 .service-favorite--inline',
1155
- serviceID: 5835,
1156
- selected: _.contains(Studio.favoriteServiceIDs, 5835),
1157
- favoritesCount: 36
1158
- }).render();
1159
- }
1160
- });
1161
- </script>
1162
-
1163
- <section class="service-featured">
1164
- <div class="service-featured__icon--inline hot-icon__featured" title="Featured service"></div>
1165
- </section>
1166
- </div>
1167
-
1168
- <div class="service__price">
1169
- <div class="price--large">
1170
- $50
1171
- </div>
1172
- </div>
1173
- <div class="service__detail--first">Deliveries <strong>43</strong></div>
1174
- <div class="service__detail">100% Recommended <strong>(20/20)</strong></div>
1175
- <section class="service__provider">
1176
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/cpthapa" rel="nofollow"><img
1177
- alt="Thumbnail 305583 3423961809953 1687874227 n 1376632793"
1178
- src="./explore_files/thumbnail_305583_3423961809953_1687874227_n-1376632793.jpg"></a></div>
1179
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/cpthapa">cpthapa</a></div>
1180
- <div class="service__provider__country">Nepal</div>
1181
- </section>
1182
- </section>
1183
-
1184
- </article>
1185
-
1186
- <article class="service" id="service-7145">
1187
- <h4 class="service__title">
1188
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7145-wordpress-website-speed-optimization">Wordpress
1189
- Website Speed Optimization</a>
1190
- <span class="service__title__details">3 days, 1 revision</span>
1191
- </h4>
1192
-
1193
- <section class="service__gallery">
1194
- <a class="service__gallery__item"
1195
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7145-wordpress-website-speed-optimization"
1196
- rel="nofollow">
1197
- <img alt="Wordpress Website Speed Optimization by weblinsolutions - 35815" class="service__gallery__image"
1198
- height="107" src="./explore_files/listing_thumbnail_speed-1390972965.png" width="134">
1199
- </a> <a class="service__gallery__item"
1200
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7145-wordpress-website-speed-optimization"
1201
- rel="nofollow">
1202
- <img alt="Wordpress Website Speed Optimization by weblinsolutions - 35816" class="service__gallery__image"
1203
- height="107" src="./explore_files/listing_thumbnail_after-e1285366746269-1390967453.jpg" width="134">
1204
- </a> <a class="service__gallery__item"
1205
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7145-wordpress-website-speed-optimization"
1206
- rel="nofollow">
1207
- <img alt="Wordpress Website Speed Optimization by weblinsolutions - 35817" class="service__gallery__image"
1208
- height="107" src="./explore_files/listing_thumbnail_after1-1390972978.jpg" width="134">
1209
- </a></section>
1210
-
1211
- <section class="service__info">
1212
- <div class="service__trinkets">
1213
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">42</section>
1214
-
1215
- <section class="service-favorite__add">
1216
- <a href="https://studio-app.envato.com/smock/examples/account/services/7145/favorites" class="service-favorite__add-button--inline"
1217
- data-method="post" data-remote="true" rel="nofollow">
1218
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1219
- </a>
1220
- </section>
1221
- </span>
1222
-
1223
- <script>
1224
- Studio.ready(function () {
1225
- if (Studio.favoriteServiceIDs) {
1226
- new Studio.ServiceFavoriteProxyView({
1227
- el: '#service-7145 .service-favorite--inline',
1228
- serviceID: 7145,
1229
- selected: _.contains(Studio.favoriteServiceIDs, 7145),
1230
- favoritesCount: 42
1231
- }).render();
1232
- }
1233
- });
1234
- </script>
1235
-
1236
- </div>
1237
-
1238
- <div class="service__price">
1239
- <div class="price--large">
1240
- $50
1241
- </div>
1242
- </div>
1243
- <div class="service__detail--first">Deliveries <strong>41</strong></div>
1244
- <div class="service__detail">100% Recommended <strong>(37/37)</strong></div>
1245
- <section class="service__provider">
1246
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/weblinsolutions"
1247
- rel="nofollow"><img alt="Thumbnail weblin 20solutions 1385288536"
1248
- src="./explore_files/thumbnail_Weblin_20Solutions-1385288536.png"></a>
1249
- </div>
1250
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/weblinsolutions">weblinsolutions</a>
1251
- </div>
1252
- <div class="service__provider__country">India</div>
1253
- </section>
1254
- </section>
1255
-
1256
- </article>
1257
-
1258
- <article class="service" id="service-3341">
1259
- <h4 class="service__title">
1260
- <a href="https://studio-app.envato.com/smock/examples/explore/psd-to-wordpress/3341-psd-to-wordpress-responsive">PSD to Wordpress,
1261
- Responsive</a>
1262
- <span class="service__title__details">10 days, 5 revisions</span>
1263
- </h4>
1264
-
1265
- <section class="service__gallery">
1266
- <a class="service__gallery__item"
1267
- href="https://studio-app.envato.com/smock/examples/explore/psd-to-wordpress/3341-psd-to-wordpress-responsive" rel="nofollow">
1268
- <img alt="PSD to Wordpress, Responsive by samirkaila - 17728" class="service__gallery__image" height="107"
1269
- src="./explore_files/listing_thumbnail_GD-GuestPosting-V5-1390959059.png" width="134">
1270
- </a> <a class="service__gallery__item"
1271
- href="https://studio-app.envato.com/smock/examples/explore/psd-to-wordpress/3341-psd-to-wordpress-responsive" rel="nofollow">
1272
- <img alt="PSD to Wordpress, Responsive by samirkaila - 17729" class="service__gallery__image" height="107"
1273
- src="./explore_files/listing_thumbnail_att-1390959032.png" width="134">
1274
- </a> <a class="service__gallery__item"
1275
- href="https://studio-app.envato.com/smock/examples/explore/psd-to-wordpress/3341-psd-to-wordpress-responsive" rel="nofollow">
1276
- <img alt="PSD to Wordpress, Responsive by samirkaila - 17730" class="service__gallery__image" height="107"
1277
- src="./explore_files/listing_thumbnail_personal_stylist-1390959022.png" width="134">
1278
- </a></section>
1279
-
1280
- <section class="service__info">
1281
- <div class="service__trinkets">
1282
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">42</section>
1283
-
1284
- <section class="service-favorite__add">
1285
- <a href="https://studio-app.envato.com/smock/examples/account/services/3341/favorites" class="service-favorite__add-button--inline"
1286
- data-method="post" data-remote="true" rel="nofollow">
1287
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1288
- </a>
1289
- </section>
1290
- </span>
1291
-
1292
- <script>
1293
- Studio.ready(function () {
1294
- if (Studio.favoriteServiceIDs) {
1295
- new Studio.ServiceFavoriteProxyView({
1296
- el: '#service-3341 .service-favorite--inline',
1297
- serviceID: 3341,
1298
- selected: _.contains(Studio.favoriteServiceIDs, 3341),
1299
- favoritesCount: 42
1300
- }).render();
1301
- }
1302
- });
1303
- </script>
1304
-
1305
- </div>
1306
-
1307
- <div class="service__price">
1308
- <div class="price--large">
1309
- $210
1310
- </div>
1311
- </div>
1312
- <div class="service__detail--first">Deliveries <strong>30</strong></div>
1313
- <div class="service__detail">95% Recommended <strong>(21/22)</strong></div>
1314
- <section class="service__provider">
1315
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/samirkaila" rel="nofollow"><img
1316
- alt="Thumbnail w3nuts logo" src="./explore_files/thumbnail_W3Nuts-Logo.jpg"></a></div>
1317
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/samirkaila">samirkaila</a></div>
1318
- <div class="service__provider__country">India</div>
1319
- </section>
1320
- </section>
1321
-
1322
- </article>
1323
-
1324
- <article class="service" id="service-9443">
1325
- <h4 class="service__title">
1326
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/9443-wordpress-themeforest-theme-installation-and-demo-setup-free-optimization">WordPress
1327
- ThemeForest Theme Installation and Demo Setup(Free Optimization)</a>
1328
- <span class="service__title__details">1 day, 5 revisions</span>
1329
- </h4>
1330
-
1331
- <section class="service__gallery">
1332
- <a class="service__gallery__item"
1333
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/9443-wordpress-themeforest-theme-installation-and-demo-setup-free-optimization"
1334
- rel="nofollow">
1335
- <img alt="WordPress ThemeForest Theme Installation and Demo Setup(Free Optimization) by AslamHasib - 45283"
1336
- class="service__gallery__image" height="107" src="./explore_files/listing_nef3.jpg" width="134">
1337
- </a> <a class="service__gallery__item"
1338
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/9443-wordpress-themeforest-theme-installation-and-demo-setup-free-optimization"
1339
- rel="nofollow">
1340
- <img alt="WordPress ThemeForest Theme Installation and Demo Setup(Free Optimization) by AslamHasib - 51171"
1341
- class="service__gallery__image" height="107" src="./explore_files/listing_abitabilmente.jpg" width="134">
1342
- </a> <a class="service__gallery__item"
1343
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/9443-wordpress-themeforest-theme-installation-and-demo-setup-free-optimization"
1344
- rel="nofollow">
1345
- <img alt="WordPress ThemeForest Theme Installation and Demo Setup(Free Optimization) by AslamHasib - 51172"
1346
- class="service__gallery__image" height="107" src="./explore_files/listing_learningbrain.jpg" width="134">
1347
- </a></section>
1348
-
1349
- <section class="service__info">
1350
- <div class="service__trinkets">
1351
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">3</section>
1352
-
1353
- <section class="service-favorite__add">
1354
- <a href="https://studio-app.envato.com/smock/examples/account/services/9443/favorites" class="service-favorite__add-button--inline"
1355
- data-method="post" data-remote="true" rel="nofollow">
1356
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1357
- </a>
1358
- </section>
1359
- </span>
1360
-
1361
- <script>
1362
- Studio.ready(function () {
1363
- if (Studio.favoriteServiceIDs) {
1364
- new Studio.ServiceFavoriteProxyView({
1365
- el: '#service-9443 .service-favorite--inline',
1366
- serviceID: 9443,
1367
- selected: _.contains(Studio.favoriteServiceIDs, 9443),
1368
- favoritesCount: 3
1369
- }).render();
1370
- }
1371
- });
1372
- </script>
1373
-
1374
- </div>
1375
-
1376
- <div class="service__price">
1377
- <div class="price--large">
1378
- $50
1379
- </div>
1380
- </div>
1381
- <div class="service__detail--first">Deliveries <strong>30</strong></div>
1382
- <div class="service__detail">100% Recommended <strong>(21/21)</strong></div>
1383
- <section class="service__provider">
1384
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/AslamHasib" rel="nofollow"><img
1385
- alt="Thumbnail hasib" src="./explore_files/thumbnail_hasib.jpg"></a></div>
1386
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/AslamHasib">AslamHasib</a></div>
1387
- <div class="service__provider__country">Bangladesh</div>
1388
- </section>
1389
- </section>
672
+ <section class="services" am-grid>
1390
673
 
1391
- </article>
1392
-
1393
- <article class="service" id="service-4601">
1394
- <h4 class="service__title">
1395
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4601-wordpress-website-migration-transfer-cloning">WordPress
1396
- Website Migration/Transfer/Cloning</a>
1397
- <span class="service__title__details">2 days, 3 revisions</span>
1398
- </h4>
1399
-
1400
- <section class="service__gallery">
1401
- <a class="service__gallery__item"
1402
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4601-wordpress-website-migration-transfer-cloning"
1403
- rel="nofollow">
1404
- <img alt="WordPress Website Migration/Transfer/Cloning by johnnyborga - 23419" class="service__gallery__image"
1405
- height="107" src="./explore_files/listing_thumbnail_springhill-1390965228.jpg" width="134">
1406
- </a> <a class="service__gallery__item"
1407
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4601-wordpress-website-migration-transfer-cloning"
1408
- rel="nofollow">
1409
- <img alt="WordPress Website Migration/Transfer/Cloning by johnnyborga - 23420" class="service__gallery__image"
1410
- height="107" src="./explore_files/listing_thumbnail_quintadovillar-1390965238.jpg" width="134">
1411
- </a> <a class="service__gallery__item"
1412
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4601-wordpress-website-migration-transfer-cloning"
1413
- rel="nofollow">
1414
- <img alt="WordPress Website Migration/Transfer/Cloning by johnnyborga - 23421" class="service__gallery__image"
1415
- height="107" src="./explore_files/listing_thumbnail_waterfront-1390965233.jpg" width="134">
1416
- </a></section>
1417
-
1418
- <section class="service__info">
1419
- <div class="service__trinkets">
1420
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">28</section>
1421
-
1422
- <section class="service-favorite__add">
1423
- <a href="https://studio-app.envato.com/smock/examples/account/services/4601/favorites" class="service-favorite__add-button--inline"
1424
- data-method="post" data-remote="true" rel="nofollow">
1425
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1426
- </a>
1427
- </section>
1428
- </span>
1429
-
1430
- <script>
1431
- Studio.ready(function () {
1432
- if (Studio.favoriteServiceIDs) {
1433
- new Studio.ServiceFavoriteProxyView({
1434
- el: '#service-4601 .service-favorite--inline',
1435
- serviceID: 4601,
1436
- selected: _.contains(Studio.favoriteServiceIDs, 4601),
1437
- favoritesCount: 28
1438
- }).render();
1439
- }
1440
- });
1441
- </script>
1442
-
1443
- </div>
1444
-
1445
- <div class="service__price">
1446
- <div class="price--large">
1447
- $50
674
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:start">
675
+ <a href="#">
676
+ <div class="service__card__image">
677
+ <div class="service__card__mask">
678
+ <div class="service__card__mask__content">
679
+ <div>121 Deliveries</div>
680
+ <div>100% Recommended</div>
681
+ </div>
1448
682
  </div>
683
+ <div class="service__card__image__price">$100</div>
684
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
1449
685
  </div>
1450
- <div class="service__detail--first">Deliveries <strong>28</strong></div>
1451
- <div class="service__detail">100% Recommended <strong>(18/18)</strong></div>
1452
- <section class="service__provider">
1453
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/johnnyborga" rel="nofollow"><img
1454
- alt="Thumbnail logo 1391529895" src="./explore_files/thumbnail_logo-1391529895.jpg"></a></div>
1455
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/johnnyborga">johnnyborga</a></div>
1456
- <div class="service__provider__country">Portugal</div>
1457
- </section>
1458
- </section>
1459
-
686
+ </a>
687
+ <div class="service__card__title">
688
+ <a href="#" >Creative Concept Business Card Design with Images</a>
689
+ </div>
690
+ <div class="service__card__provider">
691
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
692
+ <p class="service__card__provider__info">
693
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
694
+ <span class="service__card__provider__country">Brazil</span>
695
+ </p>
696
+ </div>
1460
697
  </article>
1461
-
1462
- <article class="service" id="service-4852">
1463
- <h4 class="service__title">
1464
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4852-wordpress-theme-customization-and-setup">WordPress
1465
- Theme Customization And Setup</a>
1466
- <span class="service__title__details">3 days, 4 revisions</span>
1467
- </h4>
1468
-
1469
- <section class="service__gallery">
1470
- <a class="service__gallery__item"
1471
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4852-wordpress-theme-customization-and-setup"
1472
- rel="nofollow">
1473
- <img alt="WordPress Theme Customization And Setup by soji89 - 31762" class="service__gallery__image" height="107"
1474
- src="./explore_files/listing_thumbnail_Capture-1390967398.PNG" width="134">
1475
- </a> <a class="service__gallery__item"
1476
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4852-wordpress-theme-customization-and-setup"
1477
- rel="nofollow">
1478
- <img alt="WordPress Theme Customization And Setup by soji89 - 51696" class="service__gallery__image" height="107"
1479
- src="./explore_files/listing_1.jpg" width="134">
1480
- </a> <a class="service__gallery__item"
1481
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4852-wordpress-theme-customization-and-setup"
1482
- rel="nofollow">
1483
- <img alt="WordPress Theme Customization And Setup by soji89 - 24515" class="service__gallery__image" height="107"
1484
- src="./explore_files/listing_thumbnail_s2-1390965670.PNG" width="134">
1485
- </a></section>
1486
-
1487
- <section class="service__info">
1488
- <div class="service__trinkets">
1489
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">28</section>
1490
-
1491
- <section class="service-favorite__add">
1492
- <a href="https://studio-app.envato.com/smock/examples/account/services/4852/favorites" class="service-favorite__add-button--inline"
1493
- data-method="post" data-remote="true" rel="nofollow">
1494
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1495
- </a>
1496
- </section>
1497
- </span>
1498
-
1499
- <script>
1500
- Studio.ready(function () {
1501
- if (Studio.favoriteServiceIDs) {
1502
- new Studio.ServiceFavoriteProxyView({
1503
- el: '#service-4852 .service-favorite--inline',
1504
- serviceID: 4852,
1505
- selected: _.contains(Studio.favoriteServiceIDs, 4852),
1506
- favoritesCount: 28
1507
- }).render();
1508
- }
1509
- });
1510
- </script>
1511
-
1512
- </div>
1513
-
1514
- <div class="service__price">
1515
- <div class="price--large">
1516
- $100
698
+ <article class="service service__card" am-grid-col="l:3:9">
699
+ <a href="#">
700
+ <div class="service__card__image">
701
+ <div class="service__card__mask">
702
+ <div class="service__card__mask__content">
703
+ <div>121 Deliveries</div>
704
+ <div>100% Recommended</div>
705
+ </div>
1517
706
  </div>
707
+ <div class="service__card__image__price">$100</div>
708
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
1518
709
  </div>
1519
- <div class="service__detail--first">Deliveries <strong>27</strong></div>
1520
- <div class="service__detail">100% Recommended <strong>(24/24)</strong></div>
1521
- <section class="service__provider">
1522
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/soji89" rel="nofollow"><img
1523
- alt="Thumbnail me" src="./explore_files/thumbnail_me.jpg"></a></div>
1524
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/soji89">soji89</a></div>
1525
- <div class="service__provider__country">India</div>
1526
- </section>
1527
- </section>
1528
-
710
+ </a>
711
+ <div class="service__card__title">
712
+ <a href="#" >Creative Concept Business Card Design with Images</a>
713
+ </div>
714
+ <div class="service__card__provider">
715
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
716
+ <p class="service__card__provider__info">
717
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
718
+ <span class="service__card__provider__country">Brazil</span>
719
+ </p>
720
+ </div>
1529
721
  </article>
1530
-
1531
- <article class="service" id="service-2953">
1532
- <h4 class="service__title">
1533
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/2953-wordpress-plugin-and-theme-customisation">WordPress
1534
- Plugin and Theme Customisation</a>
1535
- <span class="service__title__details">2 days, 3 revisions</span>
1536
- </h4>
1537
-
1538
- <section class="service__gallery">
1539
- <a class="service__gallery__item"
1540
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/2953-wordpress-plugin-and-theme-customisation"
1541
- rel="nofollow">
1542
- <img alt="WordPress Plugin and Theme Customisation by SamBerson - 15906" class="service__gallery__image"
1543
- height="107"
1544
- src="./explore_files/listing_thumbnail_Screen-Shot-2013-07-08-at-13.30.29-940x545-1390962612.png"
1545
- width="134">
1546
- </a> <a class="service__gallery__item"
1547
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/2953-wordpress-plugin-and-theme-customisation"
1548
- rel="nofollow">
1549
- <img alt="WordPress Plugin and Theme Customisation by SamBerson - 15907" class="service__gallery__image"
1550
- height="107" src="./explore_files/listing_thumbnail_Screen_Shot_2013-07-04_at_21.06.29-940x545-1390962671.png"
1551
- width="134">
1552
- </a> <a class="service__gallery__item"
1553
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/2953-wordpress-plugin-and-theme-customisation"
1554
- rel="nofollow">
1555
- <img alt="WordPress Plugin and Theme Customisation by SamBerson - 15908" class="service__gallery__image"
1556
- height="107" src="./explore_files/listing_thumbnail_Screen-Shot-2013-04-23-at-17.56.53-940x545-1390962665.png"
1557
- width="134">
1558
- </a></section>
1559
-
1560
- <section class="service__info">
1561
- <div class="service__trinkets">
1562
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">59</section>
1563
-
1564
- <section class="service-favorite__add">
1565
- <a href="https://studio-app.envato.com/smock/examples/account/services/2953/favorites" class="service-favorite__add-button--inline"
1566
- data-method="post" data-remote="true" rel="nofollow">
1567
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1568
- </a>
1569
- </section>
1570
- </span>
1571
-
1572
- <script>
1573
- Studio.ready(function () {
1574
- if (Studio.favoriteServiceIDs) {
1575
- new Studio.ServiceFavoriteProxyView({
1576
- el: '#service-2953 .service-favorite--inline',
1577
- serviceID: 2953,
1578
- selected: _.contains(Studio.favoriteServiceIDs, 2953),
1579
- favoritesCount: 59
1580
- }).render();
1581
- }
1582
- });
1583
- </script>
1584
-
1585
- </div>
1586
-
1587
- <div class="service__price">
1588
- <div class="price--large">
1589
- $65
722
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:end">
723
+ <a href="#">
724
+ <div class="service__card__image">
725
+ <div class="service__card__mask">
726
+ <div class="service__card__mask__content">
727
+ <div>121 Deliveries</div>
728
+ <div>100% Recommended</div>
729
+ </div>
1590
730
  </div>
731
+ <div class="service__card__image__price">$100</div>
732
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
1591
733
  </div>
1592
- <div class="service__detail--first">Deliveries <strong>25</strong></div>
1593
- <div class="service__detail">100% Recommended <strong>(20/20)</strong></div>
1594
- <section class="service__provider">
1595
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/SamBerson" rel="nofollow"><img
1596
- alt="Thumbnail profile shot 500 1376463533"
1597
- src="./explore_files/thumbnail_Profile-shot-500-1376463533.png"></a></div>
1598
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/SamBerson">SamBerson</a></div>
1599
- <div class="service__provider__country">United Kingdom</div>
1600
- </section>
1601
- </section>
1602
-
734
+ </a>
735
+ <div class="service__card__title">
736
+ <a href="#" >Creative Concept Business Card Design with Images</a>
737
+ </div>
738
+ <div class="service__card__provider">
739
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
740
+ <p class="service__card__provider__info">
741
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
742
+ <span class="service__card__provider__country">Brazil</span>
743
+ </p>
744
+ </div>
1603
745
  </article>
1604
746
 
1605
- <article class="service" id="service-7150">
1606
- <h4 class="service__title">
1607
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7150-wordpress-website-seo-optimization">Wordpress
1608
- Website SEO Optimization</a>
1609
- <span class="service__title__details">3 days, 1 revision</span>
1610
- </h4>
1611
-
1612
- <section class="service__gallery">
1613
- <a class="service__gallery__item"
1614
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7150-wordpress-website-seo-optimization"
1615
- rel="nofollow">
1616
- <img alt="Wordpress Website SEO Optimization by weblinsolutions - 35848" class="service__gallery__image"
1617
- height="107" src="./explore_files/listing_thumbnail_all-thing-seo-1390972979.jpg" width="134">
1618
- </a> <a class="service__gallery__item"
1619
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7150-wordpress-website-seo-optimization"
1620
- rel="nofollow">
1621
- <img alt="Wordpress Website SEO Optimization by weblinsolutions - 35849" class="service__gallery__image"
1622
- height="107" src="./explore_files/listing_thumbnail_yoast-panel-1390972254.jpg" width="134">
1623
- </a> <a class="service__gallery__item"
1624
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/7150-wordpress-website-seo-optimization"
1625
- rel="nofollow">
1626
- <img alt="Wordpress Website SEO Optimization by weblinsolutions - 35850" class="service__gallery__image"
1627
- height="107" src="./explore_files/listing_thumbnail_seo-services_ws_1385551327-1390972965.png" width="134">
1628
- </a></section>
1629
-
1630
- <section class="service__info">
1631
- <div class="service__trinkets">
1632
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">29</section>
1633
-
1634
- <section class="service-favorite__add">
1635
- <a href="https://studio-app.envato.com/smock/examples/account/services/7150/favorites" class="service-favorite__add-button--inline"
1636
- data-method="post" data-remote="true" rel="nofollow">
1637
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1638
- </a>
1639
- </section>
1640
- </span>
1641
747
 
1642
- <script>
1643
- Studio.ready(function () {
1644
- if (Studio.favoriteServiceIDs) {
1645
- new Studio.ServiceFavoriteProxyView({
1646
- el: '#service-7150 .service-favorite--inline',
1647
- serviceID: 7150,
1648
- selected: _.contains(Studio.favoriteServiceIDs, 7150),
1649
- favoritesCount: 29
1650
- }).render();
1651
- }
1652
- });
1653
- </script>
1654
748
 
1655
- </div>
1656
-
1657
- <div class="service__price">
1658
- <div class="price--large">
1659
- $50
749
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:start">
750
+ <a href="#">
751
+ <div class="service__card__image">
752
+ <div class="service__card__mask">
753
+ <div class="service__card__mask__content">
754
+ <div>121 Deliveries</div>
755
+ <div>100% Recommended</div>
756
+ </div>
1660
757
  </div>
758
+ <div class="service__card__image__price">$100</div>
759
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
1661
760
  </div>
1662
- <div class="service__detail--first">Deliveries <strong>23</strong></div>
1663
- <div class="service__detail">100% Recommended <strong>(20/20)</strong></div>
1664
- <section class="service__provider">
1665
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/weblinsolutions"
1666
- rel="nofollow"><img alt="Thumbnail weblin 20solutions 1385288536"
1667
- src="./explore_files/thumbnail_Weblin_20Solutions-1385288536.png"></a>
1668
- </div>
1669
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/weblinsolutions">weblinsolutions</a>
1670
- </div>
1671
- <div class="service__provider__country">India</div>
1672
- </section>
1673
- </section>
1674
-
761
+ </a>
762
+ <div class="service__card__title">
763
+ <a href="#" >Creative Concept Business Card Design with Images</a>
764
+ </div>
765
+ <div class="service__card__provider">
766
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
767
+ <p class="service__card__provider__info">
768
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
769
+ <span class="service__card__provider__country">Brazil</span>
770
+ </p>
771
+ </div>
1675
772
  </article>
1676
-
1677
- <article class="service" id="service-6013">
1678
- <h4 class="service__title">
1679
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/6013-complete-wordpress-installation-service">Complete
1680
- WordPress Installation Service</a>
1681
- <span class="service__title__details">1 day, 1 revision</span>
1682
- </h4>
1683
-
1684
- <section class="service__gallery">
1685
- <a class="service__gallery__item"
1686
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/6013-complete-wordpress-installation-service"
1687
- rel="nofollow">
1688
- <img alt="Complete WordPress Installation Service by xstreamthemes - 30135" class="service__gallery__image"
1689
- height="107" src="./explore_files/listing_thumbnail_install3-1390965554.png" width="134">
1690
- </a> <a class="service__gallery__item"
1691
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/6013-complete-wordpress-installation-service"
1692
- rel="nofollow">
1693
- <img alt="Complete WordPress Installation Service by xstreamthemes - 30136" class="service__gallery__image"
1694
- height="107" src="./explore_files/listing_thumbnail_install2-1390965570.png" width="134">
1695
- </a> <a class="service__gallery__item"
1696
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation/6013-complete-wordpress-installation-service"
1697
- rel="nofollow">
1698
- <img alt="Complete WordPress Installation Service by xstreamthemes - 30137" class="service__gallery__image"
1699
- height="107" src="./explore_files/listing_thumbnail_install1-1390965571.png" width="134">
1700
- </a></section>
1701
-
1702
- <section class="service__info">
1703
- <div class="service__trinkets">
1704
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">9</section>
1705
-
1706
- <section class="service-favorite__add">
1707
- <a href="https://studio-app.envato.com/smock/examples/account/services/6013/favorites" class="service-favorite__add-button--inline"
1708
- data-method="post" data-remote="true" rel="nofollow">
1709
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1710
- </a>
1711
- </section>
1712
- </span>
1713
-
1714
- <script>
1715
- Studio.ready(function () {
1716
- if (Studio.favoriteServiceIDs) {
1717
- new Studio.ServiceFavoriteProxyView({
1718
- el: '#service-6013 .service-favorite--inline',
1719
- serviceID: 6013,
1720
- selected: _.contains(Studio.favoriteServiceIDs, 6013),
1721
- favoritesCount: 9
1722
- }).render();
1723
- }
1724
- });
1725
- </script>
1726
-
1727
- </div>
1728
-
1729
- <div class="service__price">
1730
- <div class="price--large">
1731
- $50
773
+ <article class="service service__card" am-grid-col="l:3:9">
774
+ <a href="#">
775
+ <div class="service__card__image">
776
+ <div class="service__card__mask">
777
+ <div class="service__card__mask__content">
778
+ <div>121 Deliveries</div>
779
+ <div>100% Recommended</div>
780
+ </div>
1732
781
  </div>
782
+ <div class="service__card__image__price">$100</div>
783
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
1733
784
  </div>
1734
- <div class="service__detail--first">Deliveries <strong>19</strong></div>
1735
- <div class="service__detail">100% Recommended <strong>(11/11)</strong></div>
1736
- <section class="service__provider">
1737
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/xstreamthemes" rel="nofollow"><img
1738
- alt="Thumbnail x 1379162338" src="./explore_files/thumbnail_x-1379162338.jpg"></a></div>
1739
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/xstreamthemes">xstreamthemes</a>
1740
- </div>
1741
- <div class="service__provider__country">United States of America</div>
1742
- </section>
1743
- </section>
1744
-
785
+ </a>
786
+ <div class="service__card__title">
787
+ <a href="#" >Creative Concept Business Card Design with Images</a>
788
+ </div>
789
+ <div class="service__card__provider">
790
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
791
+ <p class="service__card__provider__info">
792
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
793
+ <span class="service__card__provider__country">Brazil</span>
794
+ </p>
795
+ </div>
1745
796
  </article>
1746
-
1747
- <article class="service" id="service-6398">
1748
- <h4 class="service__title">
1749
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/6398-speed-up-wordpress-website">Speed-up
1750
- WordPress Website</a>
1751
- <span class="service__title__details">2 days, 1 revision</span>
1752
- </h4>
1753
-
1754
- <section class="service__gallery">
1755
- <a class="service__gallery__item"
1756
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/6398-speed-up-wordpress-website" rel="nofollow">
1757
- <img alt="Speed-up WordPress Website by ThemePalette - 32393" class="service__gallery__image" height="107"
1758
- src="./explore_files/listing_thumbnail_1-1390970967.png" width="134">
1759
- </a> <a class="service__gallery__item"
1760
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/6398-speed-up-wordpress-website"
1761
- rel="nofollow">
1762
- <img alt="Speed-up WordPress Website by ThemePalette - 33706" class="service__gallery__image" height="107"
1763
- src="./explore_files/listing_thumbnail_pingdom-tools-amimoto-1390971589.png" width="134">
1764
- </a> <a class="service__gallery__item"
1765
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/6398-speed-up-wordpress-website"
1766
- rel="nofollow">
1767
- <img alt="Speed-up WordPress Website by ThemePalette - 32394" class="service__gallery__image" height="107"
1768
- src="./explore_files/listing_thumbnail_3-1390970933.jpg" width="134">
1769
- </a></section>
1770
-
1771
- <section class="service__info">
1772
- <div class="service__trinkets">
1773
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">18</section>
1774
-
1775
- <section class="service-favorite__add">
1776
- <a href="https://studio-app.envato.com/smock/examples/account/services/6398/favorites" class="service-favorite__add-button--inline"
1777
- data-method="post" data-remote="true" rel="nofollow">
1778
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1779
- </a>
1780
- </section>
1781
- </span>
1782
-
1783
- <script>
1784
- Studio.ready(function () {
1785
- if (Studio.favoriteServiceIDs) {
1786
- new Studio.ServiceFavoriteProxyView({
1787
- el: '#service-6398 .service-favorite--inline',
1788
- serviceID: 6398,
1789
- selected: _.contains(Studio.favoriteServiceIDs, 6398),
1790
- favoritesCount: 18
1791
- }).render();
1792
- }
1793
- });
1794
- </script>
1795
-
1796
- </div>
1797
-
1798
- <div class="service__price">
1799
- <div class="price--large">
1800
- $95
797
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:end">
798
+ <a href="#">
799
+ <div class="service__card__image">
800
+ <div class="service__card__mask">
801
+ <div class="service__card__mask__content">
802
+ <div>121 Deliveries</div>
803
+ <div>100% Recommended</div>
804
+ </div>
1801
805
  </div>
806
+ <div class="service__card__image__price">$100</div>
807
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
1802
808
  </div>
1803
- <div class="service__detail--first">Deliveries <strong>15</strong></div>
1804
- <div class="service__detail">100% Recommended <strong>(8/8)</strong></div>
1805
- <section class="service__provider">
1806
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/ThemePalette" rel="nofollow"><img
1807
- alt="Thumbnail wordpress 1385019095" src="./explore_files/thumbnail_wordpress-1385019095.png"></a></div>
1808
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/ThemePalette">ThemePalette</a></div>
1809
- <div class="service__provider__country">Netherlands</div>
1810
- </section>
1811
- </section>
1812
-
809
+ </a>
810
+ <div class="service__card__title">
811
+ <a href="#" >Creative Concept Business Card Design with Images</a>
812
+ </div>
813
+ <div class="service__card__provider">
814
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
815
+ <p class="service__card__provider__info">
816
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
817
+ <span class="service__card__provider__country">Brazil</span>
818
+ </p>
819
+ </div>
1813
820
  </article>
1814
821
 
1815
- <article class="service" id="service-6302">
1816
- <h4 class="service__title">
1817
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/6302-wordpress-theme-customization">WordPress
1818
- Theme Customization</a>
1819
- <span class="service__title__details">2 days, 2 revisions</span>
1820
- </h4>
1821
-
1822
- <section class="service__gallery">
1823
- <a class="service__gallery__item"
1824
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/6302-wordpress-theme-customization"
1825
- rel="nofollow">
1826
- <img alt="WordPress Theme Customization by codeinwp - 31759" class="service__gallery__image" height="107"
1827
- src="./explore_files/listing_thumbnail_Portfolio_20_20_20codeinwp.com-1390967234.png" width="134">
1828
- </a> <a class="service__gallery__item"
1829
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/6302-wordpress-theme-customization"
1830
- rel="nofollow">
1831
- <img alt="WordPress Theme Customization by codeinwp - 31760" class="service__gallery__image" height="107"
1832
- src="./explore_files/listing_thumbnail_2222-1390967236.png" width="134">
1833
- </a> <a class="service__gallery__item"
1834
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/6302-wordpress-theme-customization"
1835
- rel="nofollow">
1836
- <img alt="WordPress Theme Customization by codeinwp - 31761" class="service__gallery__image" height="107"
1837
- src="./explore_files/listing_thumbnail_3333-1390967235.png" width="134">
1838
- </a></section>
1839
-
1840
- <section class="service__info">
1841
- <div class="service__trinkets">
1842
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">29</section>
1843
-
1844
- <section class="service-favorite__add">
1845
- <a href="https://studio-app.envato.com/smock/examples/account/services/6302/favorites" class="service-favorite__add-button--inline"
1846
- data-method="post" data-remote="true" rel="nofollow">
1847
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1848
- </a>
1849
- </section>
1850
- </span>
1851
822
 
1852
- <script>
1853
- Studio.ready(function () {
1854
- if (Studio.favoriteServiceIDs) {
1855
- new Studio.ServiceFavoriteProxyView({
1856
- el: '#service-6302 .service-favorite--inline',
1857
- serviceID: 6302,
1858
- selected: _.contains(Studio.favoriteServiceIDs, 6302),
1859
- favoritesCount: 29
1860
- }).render();
1861
- }
1862
- });
1863
- </script>
1864
-
1865
- <section class="service-featured">
1866
- <div class="service-featured__icon--inline hot-icon__featured" title="Featured service"></div>
1867
- </section>
1868
- </div>
1869
-
1870
- <div class="service__price">
1871
- <div class="price--large">
1872
- $95
823
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:start">
824
+ <a href="#">
825
+ <div class="service__card__image">
826
+ <div class="service__card__mask">
827
+ <div class="service__card__mask__content">
828
+ <div>121 Deliveries</div>
829
+ <div>100% Recommended</div>
830
+ </div>
1873
831
  </div>
832
+ <div class="service__card__image__price">$100</div>
833
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
1874
834
  </div>
1875
- <div class="service__detail--first">Deliveries <strong>15</strong></div>
1876
- <div class="service__detail">100% Recommended <strong>(7/7)</strong></div>
1877
- <section class="service__provider">
1878
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/codeinwp" rel="nofollow"><img
1879
- alt="Thumbnail social profile image rotita 1384181976"
1880
- src="./explore_files/thumbnail_social-profile-image-rotita-1384181976.png"></a></div>
1881
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/codeinwp">codeinwp</a></div>
1882
- <div class="service__provider__country">United Kingdom</div>
1883
- </section>
1884
- </section>
1885
-
835
+ </a>
836
+ <div class="service__card__title">
837
+ <a href="#" >Creative Concept Business Card Design with Images</a>
838
+ </div>
839
+ <div class="service__card__provider">
840
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
841
+ <p class="service__card__provider__info">
842
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
843
+ <span class="service__card__provider__country">Brazil</span>
844
+ </p>
845
+ </div>
1886
846
  </article>
1887
-
1888
- <article class="service" id="service-4491">
1889
- <h4 class="service__title">
1890
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4491-boost-wordpress-website-loading-time-google-pagespeed-score">Boost
1891
- WordPress Website Loading Time &amp; Google PageSpeed Score</a>
1892
- <span class="service__title__details">2 days, 1 revision</span>
1893
- </h4>
1894
-
1895
- <section class="service__gallery">
1896
- <a class="service__gallery__item"
1897
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4491-boost-wordpress-website-loading-time-google-pagespeed-score"
1898
- rel="nofollow">
1899
- <img alt="Boost WordPress Website Loading Time &amp; Google PageSpeed Score by scorpiongod - 40410"
1900
- class="service__gallery__image" height="107"
1901
- src="./explore_files/listing_Box-After-Time-Microlancer-ScorpionGod.jpg" width="134">
1902
- </a> <a class="service__gallery__item"
1903
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4491-boost-wordpress-website-loading-time-google-pagespeed-score"
1904
- rel="nofollow">
1905
- <img alt="Boost WordPress Website Loading Time &amp; Google PageSpeed Score by scorpiongod - 40417"
1906
- class="service__gallery__image" height="107"
1907
- src="./explore_files/listing_Abira-After-Time-Microlancer-ScorpionGod.jpg" width="134">
1908
- </a> <a class="service__gallery__item"
1909
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4491-boost-wordpress-website-loading-time-google-pagespeed-score"
1910
- rel="nofollow">
1911
- <img alt="Boost WordPress Website Loading Time &amp; Google PageSpeed Score by scorpiongod - 40416"
1912
- class="service__gallery__image" height="107"
1913
- src="./explore_files/listing_SLMarketer-Google-PageSpeed-Score-92-Microlancer-ScorpionGod.jpg" width="134">
1914
- </a></section>
1915
-
1916
- <section class="service__info">
1917
- <div class="service__trinkets">
1918
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">31</section>
1919
-
1920
- <section class="service-favorite__add">
1921
- <a href="https://studio-app.envato.com/smock/examples/account/services/4491/favorites" class="service-favorite__add-button--inline"
1922
- data-method="post" data-remote="true" rel="nofollow">
1923
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1924
- </a>
1925
- </section>
1926
- </span>
1927
-
1928
- <script>
1929
- Studio.ready(function () {
1930
- if (Studio.favoriteServiceIDs) {
1931
- new Studio.ServiceFavoriteProxyView({
1932
- el: '#service-4491 .service-favorite--inline',
1933
- serviceID: 4491,
1934
- selected: _.contains(Studio.favoriteServiceIDs, 4491),
1935
- favoritesCount: 31
1936
- }).render();
1937
- }
1938
- });
1939
- </script>
1940
-
1941
- <section class="service-featured">
1942
- <div class="service-featured__icon--inline hot-icon__featured" title="Featured service"></div>
1943
- </section>
1944
- </div>
1945
-
1946
- <div class="service__price">
1947
- <div class="price--large">
1948
- $50
847
+ <article class="service service__card" am-grid-col="l:3:9">
848
+ <a href="#">
849
+ <div class="service__card__image">
850
+ <div class="service__card__mask">
851
+ <div class="service__card__mask__content">
852
+ <div>121 Deliveries</div>
853
+ <div>100% Recommended</div>
854
+ </div>
1949
855
  </div>
856
+ <div class="service__card__image__price">$100</div>
857
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
1950
858
  </div>
1951
- <div class="service__detail--first">Deliveries <strong>12</strong></div>
1952
- <div class="service__detail">87% Recommended <strong>(7/8)</strong></div>
1953
- <section class="service__provider">
1954
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/scorpiongod" rel="nofollow"><img
1955
- alt="Thumbnail scorpionedited 1371012129" src="./explore_files/thumbnail_scorpionedited-1371012129.png"></a>
1956
- </div>
1957
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/scorpiongod">scorpiongod</a></div>
1958
- <div class="service__provider__country">Sri Lanka</div>
1959
- </section>
1960
- </section>
1961
-
859
+ </a>
860
+ <div class="service__card__title">
861
+ <a href="#" >Creative Concept Business Card Design with Images</a>
862
+ </div>
863
+ <div class="service__card__provider">
864
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
865
+ <p class="service__card__provider__info">
866
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
867
+ <span class="service__card__provider__country">Brazil</span>
868
+ </p>
869
+ </div>
1962
870
  </article>
1963
-
1964
- <article class="service" id="service-2879">
1965
- <h4 class="service__title">
1966
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/2879-wordpress-plugin-and-theme-customization">WordPress
1967
- Plugin and Theme Customization</a>
1968
- <span class="service__title__details">4 days, 2 revisions</span>
1969
- </h4>
1970
-
1971
- <section class="service__gallery">
1972
- <a class="service__gallery__item"
1973
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/2879-wordpress-plugin-and-theme-customization"
1974
- rel="nofollow">
1975
- <img alt="WordPress Plugin and Theme Customization by geekslabs - 15340" class="service__gallery__image"
1976
- height="107" src="./explore_files/listing_thumbnail_6553c8841d92022b268b6c998dcb1c6c-1390959511.png"
1977
- width="134">
1978
- </a> <a class="service__gallery__item"
1979
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/2879-wordpress-plugin-and-theme-customization"
1980
- rel="nofollow">
1981
- <img alt="WordPress Plugin and Theme Customization by geekslabs - 15341" class="service__gallery__image"
1982
- height="107" src="./explore_files/listing_thumbnail_pxp1-1390959493.png" width="134">
1983
- </a> <a class="service__gallery__item"
1984
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/2879-wordpress-plugin-and-theme-customization"
1985
- rel="nofollow">
1986
- <img alt="WordPress Plugin and Theme Customization by geekslabs - 15342" class="service__gallery__image"
1987
- height="107" src="./explore_files/listing_thumbnail_pxp2-1390959494.png" width="134">
1988
- </a></section>
1989
-
1990
- <section class="service__info">
1991
- <div class="service__trinkets">
1992
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">36</section>
1993
-
1994
- <section class="service-favorite__add">
1995
- <a href="https://studio-app.envato.com/smock/examples/account/services/2879/favorites" class="service-favorite__add-button--inline"
1996
- data-method="post" data-remote="true" rel="nofollow">
1997
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1998
- </a>
1999
- </section>
2000
- </span>
2001
-
2002
- <script>
2003
- Studio.ready(function () {
2004
- if (Studio.favoriteServiceIDs) {
2005
- new Studio.ServiceFavoriteProxyView({
2006
- el: '#service-2879 .service-favorite--inline',
2007
- serviceID: 2879,
2008
- selected: _.contains(Studio.favoriteServiceIDs, 2879),
2009
- favoritesCount: 36
2010
- }).render();
2011
- }
2012
- });
2013
- </script>
2014
-
2015
- </div>
2016
-
2017
- <div class="service__price">
2018
- <div class="price--large">
2019
- $60
871
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:end">
872
+ <a href="#">
873
+ <div class="service__card__image">
874
+ <div class="service__card__mask">
875
+ <div class="service__card__mask__content">
876
+ <div>121 Deliveries</div>
877
+ <div>100% Recommended</div>
878
+ </div>
2020
879
  </div>
880
+ <div class="service__card__image__price">$100</div>
881
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
2021
882
  </div>
2022
- <div class="service__detail--first">Deliveries <strong>12</strong></div>
2023
- <div class="service__detail">100% Recommended <strong>(1/1)</strong></div>
2024
- <section class="service__provider">
2025
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/geekslabs" rel="nofollow"><img
2026
- alt="Thumbnail logo1 1377780003" src="./explore_files/thumbnail_Logo1-1377780003.png"></a></div>
2027
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/geekslabs">geekslabs</a></div>
2028
- <div class="service__provider__country">India</div>
2029
- </section>
2030
- </section>
2031
-
883
+ </a>
884
+ <div class="service__card__title">
885
+ <a href="#" >Creative Concept Business Card Design with Images</a>
886
+ </div>
887
+ <div class="service__card__provider">
888
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
889
+ <p class="service__card__provider__info">
890
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
891
+ <span class="service__card__provider__country">Brazil</span>
892
+ </p>
893
+ </div>
2032
894
  </article>
2033
895
 
2034
- <article class="service" id="service-4394">
2035
- <h4 class="service__title">
2036
- <a href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4394-basic-theme-style-customization">Basic Theme
2037
- Style Customization </a>
2038
- <span class="service__title__details">1 day, 2 revisions</span>
2039
- </h4>
2040
-
2041
- <section class="service__gallery">
2042
- <a class="service__gallery__item"
2043
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4394-basic-theme-style-customization"
2044
- rel="nofollow">
2045
- <img alt="Basic Theme Style Customization by cpthapa - 22593" class="service__gallery__image" height="107"
2046
- src="./explore_files/listing_thumbnail_free-minimal-wordpress-theme-025-1390970191.jpg" width="134">
2047
- </a> <a class="service__gallery__item"
2048
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4394-basic-theme-style-customization"
2049
- rel="nofollow">
2050
- <img alt="Basic Theme Style Customization by cpthapa - 22591" class="service__gallery__image" height="107"
2051
- src="./explore_files/listing_thumbnail_css_reset-1390970187.jpg" width="134">
2052
- </a> <a class="service__gallery__item"
2053
- href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization/4394-basic-theme-style-customization"
2054
- rel="nofollow">
2055
- <img alt="Basic Theme Style Customization by cpthapa - 22592" class="service__gallery__image" height="107"
2056
- src="./explore_files/listing_thumbnail_fonts-1390970179.gif" width="134">
2057
- </a></section>
2058
-
2059
- <section class="service__info">
2060
- <div class="service__trinkets">
2061
- <span class="service-favorite--inline"><section class="service-favorite__count--inline">15</section>
2062
-
2063
- <section class="service-favorite__add">
2064
- <a href="https://studio-app.envato.com/smock/examples/account/services/4394/favorites" class="service-favorite__add-button--inline"
2065
- data-method="post" data-remote="true" rel="nofollow">
2066
- <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
2067
- </a>
2068
- </section>
2069
- </span>
2070
-
2071
-
2072
- </div>
2073
-
2074
- <div class="service__price">
2075
- <div class="price--large">
2076
- $65
2077
- </div>
2078
- </div>
2079
- <div class="service__detail--first">Deliveries <strong>11</strong></div>
2080
- <div class="service__detail">100% Recommended <strong>(7/7)</strong></div>
2081
- <section class="service__provider">
2082
- <div class="service__provider__avatar"><a href="https://studio-app.envato.com/smock/examples/users/cpthapa" rel="nofollow"><img
2083
- alt="Thumbnail 305583 3423961809953 1687874227 n 1376632793"
2084
- src="./explore_files/thumbnail_305583_3423961809953_1687874227_n-1376632793.jpg"></a></div>
2085
- <div class="service__provider__name"><a href="https://studio-app.envato.com/smock/examples/users/cpthapa">cpthapa</a></div>
2086
- <div class="service__provider__country">Nepal</div>
2087
- </section>
2088
- </section>
2089
-
2090
- </article>
2091
896
 
2092
897
  </section>
2093
898
 
2094
899
  <div class="pagination-right">
2095
900
  <nav class="pagination">
2096
-
2097
-
901
+
902
+
2098
903
  <span class="page current">
2099
904
  1
2100
905
  </span>