smock 0.1.169 → 0.1.170

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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>