smock 0.1.175 → 0.1.176

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. data/Gemfile.lock +1 -1
  2. data/app/assets/stylesheets/includes/_layout_helpers.sass +4 -1
  3. data/app/assets/stylesheets/includes/_mixins.sass +2 -0
  4. data/app/assets/stylesheets/includes/_typography_helpers.sass +3 -0
  5. data/app/assets/stylesheets/modules/_service.sass +29 -1
  6. data/app/assets/stylesheets/modules/_service_card.sass +1 -1
  7. data/examples/pages/explore.html +225 -14
  8. data/examples/pages/explore_list.html +1298 -0
  9. data/index.html +2 -1
  10. metadata +5 -4
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- smock (0.1.175)
4
+ smock (0.1.176)
5
5
  sass (= 3.2.19)
6
6
  thor (= 0.19.1)
7
7
 
data/app/assets/stylesheets/includes/_layout_helpers.sass CHANGED
@@ -1,9 +1,12 @@
1
1
  .lh-pull-right
2
2
  float: right
3
3
 
4
+ .lh-pull-left
5
+ float: left
6
+
4
7
  .lh-clear
5
8
  +clearfix
6
9
 
7
10
  .lh-justify
8
11
  display: flex !important //hacky but seeing if this works well wih am-grid
9
- justify-content: space-between
12
+ justify-content: space-between
data/app/assets/stylesheets/includes/_mixins.sass CHANGED
@@ -52,6 +52,8 @@
52
52
  @mixin border($size: 1px, $color: $border-color)
53
53
  box-shadow: inset 0 0 0 $size $color
54
54
 
55
+ @mixin border-top($size: 1px, $color: $border-color)
56
+ box-shadow: inset 0 $size 0 0 $color
55
57
 
56
58
  @mixin hide-bottom-horizontal-rule
57
59
  &:after
data/app/assets/stylesheets/includes/_typography_helpers.sass CHANGED
@@ -29,3 +29,6 @@
29
29
  color: $white
30
30
  a
31
31
  color: $white
32
+
33
+ .th-muted
34
+ color: $gray
data/app/assets/stylesheets/modules/_service.sass CHANGED
@@ -1,8 +1,36 @@
1
+ .service__item
2
+ +border-top(2px)
3
+ +space(padding-top)
4
+
5
+ .service__item__gallery
6
+ text-align: justify
7
+ display: flex !important
8
+ flex-wrap: nowrap
9
+
10
+ .service__item__gallery__item
11
+ display: inline-block
12
+ flex-grow: 1
13
+
14
+ .service__item__gallery__item__image
15
+ display: block
16
+
1
17
  .service
2
18
  position: relative
3
19
  +clearfix
4
20
  +space(margin-bottom)
5
21
 
22
+ .service__item__price
23
+ position: absolute
24
+ +space(top, 0.75)
25
+ +space(right, 0)
26
+ background-color: $orange
27
+ border-radius: $border-radius
28
+ +space(padding-top, 0.25)
29
+ +space(padding-bottom, 0.25)
30
+ +space(padding-left, 0.5)
31
+ +space(padding-right, 0.5)
32
+ color: $white
33
+
6
34
  .service__title
7
35
  +font-size($base-font-size)
8
36
  +space(line-height, 2)
@@ -79,4 +107,4 @@
79
107
 
80
108
  #fixed-sidebar.fixed
81
109
  position: fixed
82
- padding-top: 22px
110
+ padding-top: 22px
data/app/assets/stylesheets/modules/_service_card.sass CHANGED
@@ -1,5 +1,5 @@
1
1
  .service__card__provider
2
- +top-horizontal-rule(1)
2
+ +top-horizontal-rule(1, 2px)
3
3
 
4
4
  .service__card__image
5
5
  &:hover
data/examples/pages/explore.html CHANGED
@@ -684,7 +684,7 @@
684
684
  <img width="223" height="198" src="https://dummyimage.com/223x198">
685
685
  </div>
686
686
  </a>
687
- <div class="service__card__title">
687
+ <div class="service__card__title s-small-below">
688
688
  <a href="#" >Creative Concept Business Card Design with Images</a>
689
689
  </div>
690
690
  <div class="service__card__provider">
@@ -708,7 +708,7 @@
708
708
  <img width="223" height="198" src="https://dummyimage.com/223x198">
709
709
  </div>
710
710
  </a>
711
- <div class="service__card__title">
711
+ <div class="service__card__title s-small-below">
712
712
  <a href="#" >Creative Concept Business Card Design with Images</a>
713
713
  </div>
714
714
  <div class="service__card__provider">
@@ -732,7 +732,7 @@
732
732
  <img width="223" height="198" src="https://dummyimage.com/223x198">
733
733
  </div>
734
734
  </a>
735
- <div class="service__card__title">
735
+ <div class="service__card__title s-small-below">
736
736
  <a href="#" >Creative Concept Business Card Design with Images</a>
737
737
  </div>
738
738
  <div class="service__card__provider">
@@ -743,9 +743,6 @@
743
743
  </p>
744
744
  </div>
745
745
  </article>
746
-
747
-
748
-
749
746
  <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:start">
750
747
  <a href="#">
751
748
  <div class="service__card__image">
@@ -759,7 +756,7 @@
759
756
  <img width="223" height="198" src="https://dummyimage.com/223x198">
760
757
  </div>
761
758
  </a>
762
- <div class="service__card__title">
759
+ <div class="service__card__title s-small-below">
763
760
  <a href="#" >Creative Concept Business Card Design with Images</a>
764
761
  </div>
765
762
  <div class="service__card__provider">
@@ -783,7 +780,7 @@
783
780
  <img width="223" height="198" src="https://dummyimage.com/223x198">
784
781
  </div>
785
782
  </a>
786
- <div class="service__card__title">
783
+ <div class="service__card__title s-small-below">
787
784
  <a href="#" >Creative Concept Business Card Design with Images</a>
788
785
  </div>
789
786
  <div class="service__card__provider">
@@ -807,7 +804,223 @@
807
804
  <img width="223" height="198" src="https://dummyimage.com/223x198">
808
805
  </div>
809
806
  </a>
810
- <div class="service__card__title">
807
+ <div class="service__card__title s-small-below">
808
+ <a href="#" >Creative Concept Business Card Design with Images</a>
809
+ </div>
810
+ <div class="service__card__provider">
811
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
812
+ <p class="service__card__provider__info">
813
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
814
+ <span class="service__card__provider__country">Brazil</span>
815
+ </p>
816
+ </div>
817
+ </article>
818
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:start">
819
+ <a href="#">
820
+ <div class="service__card__image">
821
+ <div class="service__card__mask">
822
+ <div class="service__card__mask__content">
823
+ <div>121 Deliveries</div>
824
+ <div>100% Recommended</div>
825
+ </div>
826
+ </div>
827
+ <div class="service__card__image__price">$100</div>
828
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
829
+ </div>
830
+ </a>
831
+ <div class="service__card__title s-small-below">
832
+ <a href="#" >Creative Concept Business Card Design with Images</a>
833
+ </div>
834
+ <div class="service__card__provider">
835
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
836
+ <p class="service__card__provider__info">
837
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
838
+ <span class="service__card__provider__country">Brazil</span>
839
+ </p>
840
+ </div>
841
+ </article>
842
+ <article class="service service__card" am-grid-col="l:3:9">
843
+ <a href="#">
844
+ <div class="service__card__image">
845
+ <div class="service__card__mask">
846
+ <div class="service__card__mask__content">
847
+ <div>121 Deliveries</div>
848
+ <div>100% Recommended</div>
849
+ </div>
850
+ </div>
851
+ <div class="service__card__image__price">$100</div>
852
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
853
+ </div>
854
+ </a>
855
+ <div class="service__card__title s-small-below">
856
+ <a href="#" >Creative Concept Business Card Design with Images</a>
857
+ </div>
858
+ <div class="service__card__provider">
859
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
860
+ <p class="service__card__provider__info">
861
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
862
+ <span class="service__card__provider__country">Brazil</span>
863
+ </p>
864
+ </div>
865
+ </article>
866
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:end">
867
+ <a href="#">
868
+ <div class="service__card__image">
869
+ <div class="service__card__mask">
870
+ <div class="service__card__mask__content">
871
+ <div>121 Deliveries</div>
872
+ <div>100% Recommended</div>
873
+ </div>
874
+ </div>
875
+ <div class="service__card__image__price">$100</div>
876
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
877
+ </div>
878
+ </a>
879
+ <div class="service__card__title s-small-below">
880
+ <a href="#" >Creative Concept Business Card Design with Images</a>
881
+ </div>
882
+ <div class="service__card__provider">
883
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
884
+ <p class="service__card__provider__info">
885
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
886
+ <span class="service__card__provider__country">Brazil</span>
887
+ </p>
888
+ </div>
889
+ </article>
890
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:start">
891
+ <a href="#">
892
+ <div class="service__card__image">
893
+ <div class="service__card__mask">
894
+ <div class="service__card__mask__content">
895
+ <div>121 Deliveries</div>
896
+ <div>100% Recommended</div>
897
+ </div>
898
+ </div>
899
+ <div class="service__card__image__price">$100</div>
900
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
901
+ </div>
902
+ </a>
903
+ <div class="service__card__title s-small-below">
904
+ <a href="#" >Creative Concept Business Card Design with Images</a>
905
+ </div>
906
+ <div class="service__card__provider">
907
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
908
+ <p class="service__card__provider__info">
909
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
910
+ <span class="service__card__provider__country">Brazil</span>
911
+ </p>
912
+ </div>
913
+ </article>
914
+ <article class="service service__card" am-grid-col="l:3:9">
915
+ <a href="#">
916
+ <div class="service__card__image">
917
+ <div class="service__card__mask">
918
+ <div class="service__card__mask__content">
919
+ <div>121 Deliveries</div>
920
+ <div>100% Recommended</div>
921
+ </div>
922
+ </div>
923
+ <div class="service__card__image__price">$100</div>
924
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
925
+ </div>
926
+ </a>
927
+ <div class="service__card__title s-small-below">
928
+ <a href="#" >Creative Concept Business Card Design with Images</a>
929
+ </div>
930
+ <div class="service__card__provider">
931
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
932
+ <p class="service__card__provider__info">
933
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
934
+ <span class="service__card__provider__country">Brazil</span>
935
+ </p>
936
+ </div>
937
+ </article>
938
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:end">
939
+ <a href="#">
940
+ <div class="service__card__image">
941
+ <div class="service__card__mask">
942
+ <div class="service__card__mask__content">
943
+ <div>121 Deliveries</div>
944
+ <div>100% Recommended</div>
945
+ </div>
946
+ </div>
947
+ <div class="service__card__image__price">$100</div>
948
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
949
+ </div>
950
+ </a>
951
+ <div class="service__card__title s-small-below">
952
+ <a href="#" >Creative Concept Business Card Design with Images</a>
953
+ </div>
954
+ <div class="service__card__provider">
955
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
956
+ <p class="service__card__provider__info">
957
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
958
+ <span class="service__card__provider__country">Brazil</span>
959
+ </p>
960
+ </div>
961
+ </article>
962
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:start">
963
+ <a href="#">
964
+ <div class="service__card__image">
965
+ <div class="service__card__mask">
966
+ <div class="service__card__mask__content">
967
+ <div>121 Deliveries</div>
968
+ <div>100% Recommended</div>
969
+ </div>
970
+ </div>
971
+ <div class="service__card__image__price">$100</div>
972
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
973
+ </div>
974
+ </a>
975
+ <div class="service__card__title s-small-below">
976
+ <a href="#" >Creative Concept Business Card Design with Images</a>
977
+ </div>
978
+ <div class="service__card__provider">
979
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
980
+ <p class="service__card__provider__info">
981
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
982
+ <span class="service__card__provider__country">Brazil</span>
983
+ </p>
984
+ </div>
985
+ </article>
986
+ <article class="service service__card" am-grid-col="l:3:9">
987
+ <a href="#">
988
+ <div class="service__card__image">
989
+ <div class="service__card__mask">
990
+ <div class="service__card__mask__content">
991
+ <div>121 Deliveries</div>
992
+ <div>100% Recommended</div>
993
+ </div>
994
+ </div>
995
+ <div class="service__card__image__price">$100</div>
996
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
997
+ </div>
998
+ </a>
999
+ <div class="service__card__title s-small-below">
1000
+ <a href="#" >Creative Concept Business Card Design with Images</a>
1001
+ </div>
1002
+ <div class="service__card__provider">
1003
+ <img class="service__card__provider__image avatar__image" src="https://dummyimage.com/44x44">
1004
+ <p class="service__card__provider__info">
1005
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
1006
+ <span class="service__card__provider__country">Brazil</span>
1007
+ </p>
1008
+ </div>
1009
+ </article>
1010
+ <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:end">
1011
+ <a href="#">
1012
+ <div class="service__card__image">
1013
+ <div class="service__card__mask">
1014
+ <div class="service__card__mask__content">
1015
+ <div>121 Deliveries</div>
1016
+ <div>100% Recommended</div>
1017
+ </div>
1018
+ </div>
1019
+ <div class="service__card__image__price">$100</div>
1020
+ <img width="223" height="198" src="https://dummyimage.com/223x198">
1021
+ </div>
1022
+ </a>
1023
+ <div class="service__card__title s-small-below">
811
1024
  <a href="#" >Creative Concept Business Card Design with Images</a>
812
1025
  </div>
813
1026
  <div class="service__card__provider">
@@ -818,8 +1031,6 @@
818
1031
  </p>
819
1032
  </div>
820
1033
  </article>
821
-
822
-
823
1034
  <article class="service service__card" am-grid-col="l:3:9" am-grid-row="l:start">
824
1035
  <a href="#">
825
1036
  <div class="service__card__image">
@@ -833,7 +1044,7 @@
833
1044
  <img width="223" height="198" src="https://dummyimage.com/223x198">
834
1045
  </div>
835
1046
  </a>
836
- <div class="service__card__title">
1047
+ <div class="service__card__title s-small-below">
837
1048
  <a href="#" >Creative Concept Business Card Design with Images</a>
838
1049
  </div>
839
1050
  <div class="service__card__provider">
@@ -857,7 +1068,7 @@
857
1068
  <img width="223" height="198" src="https://dummyimage.com/223x198">
858
1069
  </div>
859
1070
  </a>
860
- <div class="service__card__title">
1071
+ <div class="service__card__title s-small-below">
861
1072
  <a href="#" >Creative Concept Business Card Design with Images</a>
862
1073
  </div>
863
1074
  <div class="service__card__provider">
@@ -881,7 +1092,7 @@
881
1092
  <img width="223" height="198" src="https://dummyimage.com/223x198">
882
1093
  </div>
883
1094
  </a>
884
- <div class="service__card__title">
1095
+ <div class="service__card__title s-small-below">
885
1096
  <a href="#" >Creative Concept Business Card Design with Images</a>
886
1097
  </div>
887
1098
  <div class="service__card__provider">
data/examples/pages/explore_list.html ADDED
@@ -0,0 +1,1298 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5
+
6
+ <title>WordPress Services - Envato Studio</title>
7
+ <meta http-equiv="Content-Language" content="en">
8
+ <meta name="apple-mobile-web-app-capable" content="yes">
9
+ <meta content="Hand-picked experts to unleash the power of WordPress." name="description">
10
+ <meta content="authenticity_token" name="csrf-param">
11
+ <meta content="Q6hb0dHyDdKoPKo/ul1yMjAd4X2yfmCsYRCtEYS1Vp0=" name="csrf-token">
12
+ <meta content="fdc04cfcac96196dc9ec" name="pusher-key">
13
+ <link rel="stylesheet" href="../../smock.css"/>
14
+ <link rel="stylesheet" href="../../svg_images.css"/>
15
+ </head>
16
+ <body>
17
+
18
+
19
+ <header class="header">
20
+ <div class="container">
21
+ <a class="header__logo svg__logo" href="https://studio-app.envato.com/smock/examples/">Envato Studio</a>
22
+
23
+ <nav class="header__categories">
24
+ <strong class="header__categories__label">Categories
25
+ <div class="header__categories__down-arrow hot-icon__arrow-down"></div>
26
+ </strong>
27
+ <ul class="header__categories__dropdown__top-level">
28
+ <li class="header__categories__dropdown__top-level__category" data-submenu-id="business-online-marketing">
29
+ <a class="header__categories__dropdown__top-level__link"
30
+ href="https://studio-app.envato.com/smock/examples/explore/business-online-marketing">Business &amp; Online Marketing</a>
31
+ <ul class="header__categories__dropdown__subcategories" id="business-online-marketing">
32
+ <li class="header__categories__dropdown__subcategories__category">
33
+ <a class="header__categories__dropdown__subcategories__category__link"
34
+ href="https://studio-app.envato.com/smock/examples/explore/social-media-design">Social Media Design</a>
35
+ </li>
36
+ <li class="header__categories__dropdown__subcategories__category">
37
+ <a class="header__categories__dropdown__subcategories__category__link"
38
+ href="https://studio-app.envato.com/smock/examples/explore/infographic-design">Infographic Design</a>
39
+ </li>
40
+ <li class="header__categories__dropdown__subcategories__category">
41
+ <a class="header__categories__dropdown__subcategories__category__link"
42
+ href="https://studio-app.envato.com/smock/examples/explore/web-banner-design">Web Banner Ad Design</a>
43
+ </li>
44
+ <li class="header__categories__dropdown__subcategories__category">
45
+ <a class="header__categories__dropdown__subcategories__category__link"
46
+ href="https://studio-app.envato.com/smock/examples/explore/presentation-design">Presentation Design</a>
47
+ </li>
48
+ <li class="header__categories__dropdown__subcategories__category">
49
+ <a class="header__categories__dropdown__subcategories__category__link"
50
+ href="https://studio-app.envato.com/smock/examples/explore/business-card-design">Business Card Design</a>
51
+ </li>
52
+ <li class="header__categories__dropdown__subcategories__category">
53
+ <a class="header__categories__dropdown__subcategories__category__link"
54
+ href="https://studio-app.envato.com/smock/examples/explore/stationery-design">Stationery Design</a>
55
+ </li>
56
+ </ul>
57
+ </li>
58
+ <li class="header__categories__dropdown__top-level__category" data-submenu-id="mobile-apps">
59
+ <a class="header__categories__dropdown__top-level__link" href="https://studio-app.envato.com/smock/examples/explore/mobile-apps">Mobile
60
+ &amp; Apps</a>
61
+ <ul class="header__categories__dropdown__subcategories" id="mobile-apps">
62
+ <li class="header__categories__dropdown__subcategories__category">
63
+ <a class="header__categories__dropdown__subcategories__category__link"
64
+ href="https://studio-app.envato.com/smock/examples/explore/app-design">App Design</a>
65
+ </li>
66
+ <li class="header__categories__dropdown__subcategories__category">
67
+ <a class="header__categories__dropdown__subcategories__category__link"
68
+ href="https://studio-app.envato.com/smock/examples/explore/app-development">App Development</a>
69
+ </li>
70
+ <li class="header__categories__dropdown__subcategories__category">
71
+ <a class="header__categories__dropdown__subcategories__category__link"
72
+ href="https://studio-app.envato.com/smock/examples/explore/mobile-design-development">Mobile Design &amp; Development</a>
73
+ </li>
74
+ </ul>
75
+ </li>
76
+ <li class="header__categories__dropdown__top-level__category" data-submenu-id="ecommerce-cms-development">
77
+ <a class="header__categories__dropdown__top-level__link"
78
+ href="https://studio-app.envato.com/smock/examples/explore/ecommerce-cms-development">Ecommerce &amp; CMS Development</a>
79
+ <ul class="header__categories__dropdown__subcategories" id="ecommerce-cms-development">
80
+ <li class="header__categories__dropdown__subcategories__category">
81
+ <a class="header__categories__dropdown__subcategories__category__link"
82
+ href="https://studio-app.envato.com/smock/examples/explore/drupal-development">Drupal</a>
83
+ </li>
84
+ <li class="header__categories__dropdown__subcategories__category">
85
+ <a class="header__categories__dropdown__subcategories__category__link"
86
+ href="https://studio-app.envato.com/smock/examples/explore/joomla-development">Joomla</a>
87
+ </li>
88
+ <li class="header__categories__dropdown__subcategories__category">
89
+ <a class="header__categories__dropdown__subcategories__category__link"
90
+ href="https://studio-app.envato.com/smock/examples/explore/online-shopping">Online Shopping</a>
91
+ </li>
92
+ <li class="header__categories__dropdown__subcategories__category">
93
+ <a class="header__categories__dropdown__subcategories__category__link"
94
+ href="https://studio-app.envato.com/smock/examples/explore/shopify-development">Shopify</a>
95
+ </li>
96
+ <li class="header__categories__dropdown__subcategories__category">
97
+ <a class="header__categories__dropdown__subcategories__category__link"
98
+ href="https://studio-app.envato.com/smock/examples/explore/magento-development">Magento</a>
99
+ </li>
100
+ <li class="header__categories__dropdown__subcategories__category">
101
+ <a class="header__categories__dropdown__subcategories__category__link"
102
+ href="https://studio-app.envato.com/smock/examples/explore/opencart-development">OpenCart</a>
103
+ </li>
104
+ <li class="header__categories__dropdown__subcategories__category">
105
+ <a class="header__categories__dropdown__subcategories__category__link"
106
+ href="https://studio-app.envato.com/smock/examples/explore/woocommerce">WooCommerce</a>
107
+ </li>
108
+ <li class="header__categories__dropdown__subcategories__category">
109
+ <a class="header__categories__dropdown__subcategories__category__link"
110
+ href="https://studio-app.envato.com/smock/examples/explore/cms-other">CMS Other</a>
111
+ </li>
112
+ </ul>
113
+ </li>
114
+ <li class="header__categories__dropdown__top-level__category" data-submenu-id="websites-programming">
115
+ <a class="header__categories__dropdown__top-level__link"
116
+ href="https://studio-app.envato.com/smock/examples/explore/websites-programming">Websites &amp; Programming</a>
117
+ <ul class="header__categories__dropdown__subcategories" id="websites-programming">
118
+ <li class="header__categories__dropdown__subcategories__category">
119
+ <a class="header__categories__dropdown__subcategories__category__link"
120
+ href="https://studio-app.envato.com/smock/examples/explore/new-website">New Website Design &amp; Development</a>
121
+ </li>
122
+ <li class="header__categories__dropdown__subcategories__category">
123
+ <a class="header__categories__dropdown__subcategories__category__link"
124
+ href="https://studio-app.envato.com/smock/examples/explore/landing-page-design-development">Landing Page Design &amp;
125
+ Development</a>
126
+ </li>
127
+ <li class="header__categories__dropdown__subcategories__category">
128
+ <a class="header__categories__dropdown__subcategories__category__link"
129
+ href="https://studio-app.envato.com/smock/examples/explore/web-components">Web Components</a>
130
+ </li>
131
+ <li class="header__categories__dropdown__subcategories__category">
132
+ <a class="header__categories__dropdown__subcategories__category__link"
133
+ href="https://studio-app.envato.com/smock/examples/explore/psd-to-html">PSD to HTML</a>
134
+ </li>
135
+ <li class="header__categories__dropdown__subcategories__category">
136
+ <a class="header__categories__dropdown__subcategories__category__link"
137
+ href="https://studio-app.envato.com/smock/examples/explore/email-design-development">Email Design &amp; Development</a>
138
+ </li>
139
+ <li class="header__categories__dropdown__subcategories__category">
140
+ <a class="header__categories__dropdown__subcategories__category__link"
141
+ href="https://studio-app.envato.com/smock/examples/explore/bug-fixes">Bug Fixes</a>
142
+ </li>
143
+ <li class="header__categories__dropdown__subcategories__category">
144
+ <a class="header__categories__dropdown__subcategories__category__link"
145
+ href="https://studio-app.envato.com/smock/examples/explore/website-customization">Website Customization &amp; Updates</a>
146
+ </li>
147
+ <li class="header__categories__dropdown__subcategories__category">
148
+ <a class="header__categories__dropdown__subcategories__category__link"
149
+ href="https://studio-app.envato.com/smock/examples/explore/php-development">PHP</a>
150
+ </li>
151
+ <li class="header__categories__dropdown__subcategories__category">
152
+ <a class="header__categories__dropdown__subcategories__category__link"
153
+ href="https://studio-app.envato.com/smock/examples/explore/server-admin">Server Admin</a>
154
+ </li>
155
+ </ul>
156
+ </li>
157
+ <li class="header__categories__dropdown__top-level__category" data-submenu-id="design-graphics">
158
+ <a class="header__categories__dropdown__top-level__link" href="https://studio-app.envato.com/smock/examples/explore/design-graphics">Design
159
+ &amp; Graphics</a>
160
+ <ul class="header__categories__dropdown__subcategories" id="design-graphics">
161
+ <li class="header__categories__dropdown__subcategories__category">
162
+ <a class="header__categories__dropdown__subcategories__category__link"
163
+ href="https://studio-app.envato.com/smock/examples/explore/3d-design-modeling">3D Design &amp; Modeling</a>
164
+ </li>
165
+ <li class="header__categories__dropdown__subcategories__category">
166
+ <a class="header__categories__dropdown__subcategories__category__link"
167
+ href="https://studio-app.envato.com/smock/examples/explore/photo-editing">Photo Editing</a>
168
+ </li>
169
+ <li class="header__categories__dropdown__subcategories__category">
170
+ <a class="header__categories__dropdown__subcategories__category__link"
171
+ href="https://studio-app.envato.com/smock/examples/explore/drawing-sketching">Drawing &amp; Sketching</a>
172
+ </li>
173
+ <li class="header__categories__dropdown__subcategories__category">
174
+ <a class="header__categories__dropdown__subcategories__category__link"
175
+ href="https://studio-app.envato.com/smock/examples/explore/vector-illustration">Vector Illustration</a>
176
+ </li>
177
+ <li class="header__categories__dropdown__subcategories__category">
178
+ <a class="header__categories__dropdown__subcategories__category__link"
179
+ href="https://studio-app.envato.com/smock/examples/explore/caricatures-cartoon-design">Caricatures &amp; Cartoon Design</a>
180
+ </li>
181
+ <li class="header__categories__dropdown__subcategories__category">
182
+ <a class="header__categories__dropdown__subcategories__category__link"
183
+ href="https://studio-app.envato.com/smock/examples/explore/digital-publishing">eBooks &amp; Digital Publishing</a>
184
+ </li>
185
+ <li class="header__categories__dropdown__subcategories__category">
186
+ <a class="header__categories__dropdown__subcategories__category__link"
187
+ href="https://studio-app.envato.com/smock/examples/explore/invitation-design">Invitation Design</a>
188
+ </li>
189
+ <li class="header__categories__dropdown__subcategories__category">
190
+ <a class="header__categories__dropdown__subcategories__category__link"
191
+ href="https://studio-app.envato.com/smock/examples/explore/t-shirt-apparel-design">T-Shirt &amp; Apparel Design</a>
192
+ </li>
193
+ <li class="header__categories__dropdown__subcategories__category">
194
+ <a class="header__categories__dropdown__subcategories__category__link"
195
+ href="https://studio-app.envato.com/smock/examples/explore/lettering-calligraphy">Lettering &amp; Calligraphy</a>
196
+ </li>
197
+ <li class="header__categories__dropdown__subcategories__category">
198
+ <a class="header__categories__dropdown__subcategories__category__link"
199
+ href="https://studio-app.envato.com/smock/examples/explore/icon-set-design">Icon Set Design</a>
200
+ </li>
201
+ <li class="header__categories__dropdown__subcategories__category">
202
+ <a class="header__categories__dropdown__subcategories__category__link"
203
+ href="https://studio-app.envato.com/smock/examples/explore/customize-graphics">Customize Graphics</a>
204
+ </li>
205
+ <li class="header__categories__dropdown__subcategories__category">
206
+ <a class="header__categories__dropdown__subcategories__category__link"
207
+ href="https://studio-app.envato.com/smock/examples/explore/app-icon-design">App Icon Design</a>
208
+ </li>
209
+ <li class="header__categories__dropdown__subcategories__category">
210
+ <a class="header__categories__dropdown__subcategories__category__link"
211
+ href="https://studio-app.envato.com/smock/examples/explore/poster-flyer-design">Poster &amp; Flyer Design</a>
212
+ </li>
213
+ <li class="header__categories__dropdown__subcategories__category">
214
+ <a class="header__categories__dropdown__subcategories__category__link"
215
+ href="https://studio-app.envato.com/smock/examples/explore/brochure-design">Brochure Design</a>
216
+ </li>
217
+ <li class="header__categories__dropdown__subcategories__category">
218
+ <a class="header__categories__dropdown__subcategories__category__link"
219
+ href="https://studio-app.envato.com/smock/examples/explore/design-graphics-other">Other</a>
220
+ </li>
221
+ </ul>
222
+ </li>
223
+ <li class="header__categories__dropdown__top-level__category" data-submenu-id="wordpress">
224
+ <a class="header__categories__dropdown__top-level__link" href="./explore_files/explore.html">WordPress</a>
225
+ <ul class="header__categories__dropdown__subcategories" id="wordpress">
226
+ <li class="header__categories__dropdown__subcategories__category">
227
+ <a class="header__categories__dropdown__subcategories__category__link"
228
+ href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation">WordPress Installation</a>
229
+ </li>
230
+ <li class="header__categories__dropdown__subcategories__category">
231
+ <a class="header__categories__dropdown__subcategories__category__link"
232
+ href="https://studio-app.envato.com/smock/examples/explore/wordpress-plug-ins">WordPress Plug-ins</a>
233
+ </li>
234
+ <li class="header__categories__dropdown__subcategories__category">
235
+ <a class="header__categories__dropdown__subcategories__category__link"
236
+ href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization">WordPress Customization</a>
237
+ </li>
238
+ <li class="header__categories__dropdown__subcategories__category">
239
+ <a class="header__categories__dropdown__subcategories__category__link"
240
+ href="https://studio-app.envato.com/smock/examples/explore/website-to-wordpress">Website to WordPress</a>
241
+ </li>
242
+ <li class="header__categories__dropdown__subcategories__category">
243
+ <a class="header__categories__dropdown__subcategories__category__link"
244
+ href="https://studio-app.envato.com/smock/examples/explore/psd-to-wordpress">PSD to WordPress</a>
245
+ </li>
246
+ </ul>
247
+ </li>
248
+ <li class="header__categories__dropdown__top-level__category" data-submenu-id="logo-design-branding">
249
+ <a class="header__categories__dropdown__top-level__link"
250
+ href="https://studio-app.envato.com/smock/examples/explore/logo-design-branding">Logo Design &amp; Branding</a>
251
+ <ul class="header__categories__dropdown__subcategories" id="logo-design-branding">
252
+ <li class="header__categories__dropdown__subcategories__category">
253
+ <a class="header__categories__dropdown__subcategories__category__link"
254
+ href="https://studio-app.envato.com/smock/examples/explore/logo-design">Logo Design</a>
255
+ </li>
256
+ <li class="header__categories__dropdown__subcategories__category">
257
+ <a class="header__categories__dropdown__subcategories__category__link"
258
+ href="https://studio-app.envato.com/smock/examples/explore/logo-customization">Logo Customization</a>
259
+ </li>
260
+ </ul>
261
+ </li>
262
+ <li class="header__categories__dropdown__top-level__category" data-submenu-id="video-animation">
263
+ <a class="header__categories__dropdown__top-level__link" href="https://studio-app.envato.com/smock/examples/explore/video-animation">Video
264
+ &amp; Animation</a>
265
+ <ul class="header__categories__dropdown__subcategories" id="video-animation">
266
+ <li class="header__categories__dropdown__subcategories__category">
267
+ <a class="header__categories__dropdown__subcategories__category__link"
268
+ href="https://studio-app.envato.com/smock/examples/explore/video">Video</a>
269
+ </li>
270
+ <li class="header__categories__dropdown__subcategories__category">
271
+ <a class="header__categories__dropdown__subcategories__category__link"
272
+ href="https://studio-app.envato.com/smock/examples/explore/animation">Animation</a>
273
+ </li>
274
+ </ul>
275
+ </li>
276
+ <li class="header__categories__dropdown__top-level__category--content">
277
+ <p>Can't find the exact service you're after? Most providers complete custom jobs. Just send them an enquiry.</p>
278
+ </li>
279
+ </ul>
280
+ </nav>
281
+
282
+ <div class="header__nav">
283
+ <a class="header__nav-link" href="https://studio-app.envato.com/smock/examples/start-selling/services/new">Create Service</a>
284
+ </div>
285
+
286
+ <div class="header__utilities">
287
+ <div class="header__search">
288
+ <form accept-charset="UTF-8" action="https://studio-app.envato.com/smock/examples/search" class="header__search__form has-validation"
289
+ id="new_search" method="get">
290
+ <div style="display:none"><input name="utf8" type="hidden" value="✓"></div>
291
+ <label class="header__search__label" for="search_query">Search</label>
292
+ <button type="submit" class="header__search__button">
293
+ <i class="header__search__button__icon hot-icon__search-glass"></i>
294
+ </button>
295
+ <input autocomplete="off" class="header__search__body" id="search_query" name="search[query]" placeholder="Search"
296
+ type="text">
297
+ </form>
298
+ </div>
299
+
300
+ <div class="header__nav--user">
301
+ <div class="header__nav__profile">
302
+ <a class="header__nav__profile__link" href="https://studio-app.envato.com/smock/examples/users/test-user">test-user</a>
303
+
304
+ <div class="header__nav__arrow hot-icon__arrow-down"></div>
305
+
306
+ <div class="header__nav__dropdown--container">
307
+ <ul class="header__nav__dropdown">
308
+ <li class="header__nav__dropdown__item">
309
+ <a href="https://studio-app.envato.com/smock/examples/account/services">Your Services</a>
310
+ </li>
311
+ <li class="header__nav__dropdown__item">
312
+ <a href="https://studio-app.envato.com/smock/examples/account/jobs/providing">Your Jobs</a>
313
+ </li>
314
+ <li class="header__nav__dropdown__item">
315
+ <a href="https://studio-app.envato.com/smock/examples/account/profile/edit">Your Account</a>
316
+ </li>
317
+ <li class="header__nav__dropdown__item">
318
+ <a href="https://studio-app.envato.com/smock/examples/account/favorites">Your Favorites</a>
319
+ </li>
320
+ <li class="header__dropdown__seperator"></li>
321
+ <li class="header__nav__dropdown__item">
322
+ <a data-method="post" data-no-turbolink="true" href="https://sso.envato-staging.com/sign_out?to=studio"
323
+ rel="nofollow">Signout</a>
324
+ </li>
325
+ </ul>
326
+ </div>
327
+ </div>
328
+ </div>
329
+ </div>
330
+ </div>
331
+ </header>
332
+
333
+ <script async="" charset="utf-8" src="./explore_files/saved_resource" type="text/javascript"></script>
334
+ <script>
335
+ Studio.ready(function () {
336
+ new Studio.HeaderNavigation({el: '.header__categories'}).ready();
337
+ });
338
+ </script>
339
+
340
+
341
+ <script>
342
+ var noscript = document.getElementById('noscript');
343
+ if (noscript) {
344
+ noscript.parentNode.removeChild(noscript);
345
+ }
346
+ ;
347
+ </script>
348
+
349
+
350
+ <section class="hero image__hero--mobile-apps">
351
+ <div class="hero__container">
352
+ <div class="hero__headings">
353
+ <h2 class="hero__headings__main">WordPress</h2>
354
+ <h4 class="hero__headings__secondary">Hand-picked experts to unleash the power of WordPress.</h4>
355
+ </div>
356
+
357
+ <div class="hero__video-link">
358
+ <a href="https://studio-app.envato.com/smock/examples/explore/wordpress#fancy__category__video"
359
+ class="hero__heading__video-launcher">
360
+ <i class="hero__heading__video-launcher__play hot-icon__play"></i>
361
+ <span class="hero__heading__video-launcher__subtext">How it works</span>
362
+
363
+ <div id="fancy__category__video" style="display: none;">
364
+ <div id="category_video"
365
+ class="video-js vjs-default-skin vjs-big-play-centered vjs-paused vjs-controls-enabled vjs-user-inactive"
366
+ style="width: 768px; height: 432px;">
367
+ <video id="category_video_html5_api" class="vjs-tech" preload="true"
368
+ src="//microlancer.lancerassets.com/v2/services/74/37a3101c6711e48071a76425822711/medium_video_webm_how-envato-studio-works.webm"></video>
369
+ <div></div>
370
+ <div class="vjs-poster" tabindex="-1" style="display: none;"></div>
371
+ <div class="vjs-text-track-display"></div>
372
+ <div class="vjs-loading-spinner" style="display: none;"></div>
373
+ <div class="vjs-big-play-button" role="button" aria-live="polite" tabindex="0" aria-label="play video"><span
374
+ aria-hidden="true"></span></div>
375
+ <div class="vjs-control-bar">
376
+ <div class="vjs-play-control vjs-control " role="button" aria-live="polite" tabindex="0">
377
+ <div class="vjs-control-content"><span class="vjs-control-text">Play</span></div>
378
+ </div>
379
+ <div class="vjs-current-time vjs-time-controls vjs-control">
380
+ <div class="vjs-current-time-display" aria-live="off"><span
381
+ class="vjs-control-text">Current Time </span>0:00
382
+ </div>
383
+ </div>
384
+ <div class="vjs-time-divider">
385
+ <div><span>/</span></div>
386
+ </div>
387
+ <div class="vjs-duration vjs-time-controls vjs-control">
388
+ <div class="vjs-duration-display" aria-live="off"><span class="vjs-control-text">Duration Time </span>1:05
389
+ </div>
390
+ </div>
391
+ <div class="vjs-remaining-time vjs-time-controls vjs-control">
392
+ <div class="vjs-remaining-time-display" aria-live="off"><span
393
+ class="vjs-control-text">Remaining Time </span>-1:05
394
+ </div>
395
+ </div>
396
+ <div class="vjs-progress-control vjs-control">
397
+ <div role="slider" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" tabindex="0"
398
+ class="vjs-progress-holder vjs-slider" aria-label="video progress bar" aria-valuetext="0:00">
399
+ <div class="vjs-load-progress" style="width: 34.09%;"><span class="vjs-control-text">Loaded: 0%</span>
400
+ </div>
401
+ <div class="vjs-play-progress" style="width: 0%;"><span class="vjs-control-text">Progress: 0%</span>
402
+ </div>
403
+ <div class="vjs-seek-handle vjs-slider-handle" aria-live="off" style="left: 0%;"><span
404
+ class="vjs-control-text">0:00</span></div>
405
+ </div>
406
+ </div>
407
+ <div class="vjs-fullscreen-control vjs-control " role="button" aria-live="polite" tabindex="0">
408
+ <div class="vjs-control-content"><span class="vjs-control-text">Fullscreen</span></div>
409
+ </div>
410
+ <div class="vjs-volume-control vjs-control">
411
+ <div role="slider" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" tabindex="0"
412
+ class="vjs-volume-bar vjs-slider" aria-label="volume level" aria-valuetext="100%">
413
+ <div class="vjs-volume-level" style="width: 100%;"><span class="vjs-control-text"></span></div>
414
+ <div class="vjs-volume-handle vjs-slider-handle" style="left: 100%;"><span class="vjs-control-text">00:00</span>
415
+ </div>
416
+ </div>
417
+ </div>
418
+ <div class="vjs-mute-control vjs-control" role="button" aria-live="polite" tabindex="0">
419
+ <div><span class="vjs-control-text">Mute</span></div>
420
+ </div>
421
+ <div class="vjs-subtitles-button vjs-menu-button vjs-control " role="button" aria-live="polite"
422
+ tabindex="0" aria-haspopup="true" aria-label="Subtitles Menu" style="display: none;">
423
+ <div class="vjs-control-content"><span class="vjs-control-text">Subtitles</span></div>
424
+ <div class="vjs-menu">
425
+ <ul class="vjs-menu-content">
426
+ <li class="vjs-menu-item vjs-selected" role="button" aria-live="polite" tabindex="0"
427
+ aria-selected="true">subtitles off
428
+ </li>
429
+ </ul>
430
+ </div>
431
+ </div>
432
+ <div class="vjs-captions-button vjs-menu-button vjs-control " role="button" aria-live="polite"
433
+ tabindex="0" aria-haspopup="true" aria-label="Captions Menu" style="display: none;">
434
+ <div class="vjs-control-content"><span class="vjs-control-text">Captions</span></div>
435
+ <div class="vjs-menu">
436
+ <ul class="vjs-menu-content">
437
+ <li class="vjs-menu-item vjs-selected" role="button" aria-live="polite" tabindex="0"
438
+ aria-selected="true">captions off
439
+ </li>
440
+ </ul>
441
+ </div>
442
+ </div>
443
+ <div class="vjs-chapters-button vjs-menu-button vjs-control " role="button" aria-live="polite"
444
+ tabindex="0" aria-haspopup="true" aria-label="Chapters Menu" style="display: none;">
445
+ <div class="vjs-control-content"><span class="vjs-control-text">Chapters</span></div>
446
+ <div class="vjs-menu">
447
+ <ul class="vjs-menu-content"></ul>
448
+ <li class="vjs-menu-title">Chapters</li>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </div>
453
+ </div>
454
+ </a>
455
+ </div>
456
+ </div>
457
+ </section>
458
+
459
+
460
+ <section class="l-container">
461
+
462
+
463
+ <section class="l-sidebar--left">
464
+ <nav>
465
+ <ul class="categories__list">
466
+ <li class="categories__category">
467
+ <a class="categories__category__link" href="https://studio-app.envato.com/smock/examples/explore/business-online-marketing">
468
+ Business &amp; Online Marketing
469
+ </a></li>
470
+
471
+ <li class="categories__category">
472
+ <a class="categories__category__link" href="https://studio-app.envato.com/smock/examples/explore/mobile-apps">
473
+ Mobile &amp; Apps
474
+ </a></li>
475
+
476
+ <li class="categories__category">
477
+ <a class="categories__category__link" href="https://studio-app.envato.com/smock/examples/explore/ecommerce-cms-development">
478
+ Ecommerce &amp; CMS Development
479
+ </a></li>
480
+
481
+ <li class="categories__category">
482
+ <a class="categories__category__link" href="https://studio-app.envato.com/smock/examples/explore/websites-programming">
483
+ Websites &amp; Programming
484
+ </a></li>
485
+
486
+ <li class="categories__category">
487
+ <a class="categories__category__link" href="https://studio-app.envato.com/smock/examples/explore/design-graphics">
488
+ Design &amp; Graphics
489
+ </a></li>
490
+
491
+ <li class="categories__category--current">
492
+ <a class="categories__category__link" href="./explore_files/explore.html">
493
+ WordPress
494
+ </a>
495
+ <ul class="categories__subcategories__list">
496
+ <li class="categories__subcategories__category">
497
+ <a class="categories__subcategories__category__link"
498
+ href="https://studio-app.envato.com/smock/examples/explore/wordpress-installation">WordPress Installation</a>
499
+ </li>
500
+ <li class="categories__subcategories__category">
501
+ <a class="categories__subcategories__category__link"
502
+ href="https://studio-app.envato.com/smock/examples/explore/wordpress-plug-ins">WordPress Plug-ins</a>
503
+ </li>
504
+ <li class="categories__subcategories__category">
505
+ <a class="categories__subcategories__category__link"
506
+ href="https://studio-app.envato.com/smock/examples/explore/wordpress-customization">WordPress Customization</a>
507
+ </li>
508
+ <li class="categories__subcategories__category">
509
+ <a class="categories__subcategories__category__link"
510
+ href="https://studio-app.envato.com/smock/examples/explore/website-to-wordpress">Website to WordPress</a>
511
+ </li>
512
+ <li class="categories__subcategories__category">
513
+ <a class="categories__subcategories__category__link"
514
+ href="https://studio-app.envato.com/smock/examples/explore/psd-to-wordpress">PSD to WordPress</a>
515
+ </li>
516
+ </ul>
517
+ </li>
518
+
519
+ <li class="categories__category">
520
+ <a class="categories__category__link" href="https://studio-app.envato.com/smock/examples/explore/logo-design-branding">
521
+ Logo Design &amp; Branding
522
+ </a></li>
523
+
524
+ <li class="categories__category">
525
+ <a class="categories__category__link" href="https://studio-app.envato.com/smock/examples/explore/video-animation">
526
+ Video &amp; Animation
527
+ </a></li>
528
+
529
+ </ul>
530
+ </nav>
531
+ <section class="search-filters">
532
+ <form class="search-filters__form has-validation">
533
+ <section class="search-filters__price">
534
+ <label class="search-filters__price__label">Price</label>
535
+ <span class="search-filters__price--min"><input class="search-filters__price__input--left" type="text" size="5"
536
+ placeholder="$50">to</span>
537
+ <span class="search-filters__price--max"><input class="search-filters__price__input" type="text" size="5"
538
+ placeholder="$2000"></span>
539
+ <a href="https://studio-app.envato.com/smock/examples/explore/wordpress#" class="search-filters__price__submit"><span type="submit"
540
+ class="search-filters__price__submit__button">›</span></a>
541
+ </section>
542
+
543
+ <section class="search-filters__turnaround">
544
+ <label class="search-filters__turnaround__label">Turnaround</label>
545
+ <select id="filter_turnaround" name="filter[turnaround]">
546
+ <option value="">- Any -</option>
547
+ <option value="1">1 day or less</option>
548
+ <option value="2">2 days or less</option>
549
+ <option value="3">3 days or less</option>
550
+ <option value="4">4 days or less</option>
551
+ <option value="5">5 days or less</option>
552
+ <option value="6">6 days or less</option>
553
+ <option value="7">7 days or less</option>
554
+ <option value="8">8 days or less</option>
555
+ <option value="9">9 days or less</option>
556
+ <option value="10">10 days or less</option>
557
+ <option value="11">11 days or less</option>
558
+ <option value="12">12 days or less</option>
559
+ <option value="13">13 days or less</option>
560
+ <option value="14">14 days or less</option>
561
+ </select>
562
+ </section>
563
+
564
+ <section class="search-filters__country">
565
+ <label class="search-filters__country__label">Location</label>
566
+
567
+ <select class="search-filters__country__select" style="display: yup;">
568
+ <option value="">- Anywhere -</option>
569
+ <option value="al">Albania</option>
570
+ <option value="dz">Algeria</option>
571
+ <option value="au">Australia</option>
572
+ <option value="at">Austria</option>
573
+ <option value="bh">Bahrain</option>
574
+ <option value="bd">Bangladesh</option>
575
+ <option value="be">Belgium</option>
576
+ <option value="br">Brazil</option>
577
+ <option value="bn">Brunei</option>
578
+ <option value="bg">Bulgaria</option>
579
+ <option value="ca">Canada</option>
580
+ <option value="cl">Chile</option>
581
+ <option value="cn">China</option>
582
+ <option value="co">Colombia</option>
583
+ <option value="hr">Croatia</option>
584
+ <option value="cz">Czech Republic</option>
585
+ <option value="do">Dominican Republic</option>
586
+ <option value="eg">Egypt</option>
587
+ <option value="fi">Finland</option>
588
+ <option value="fr">France</option>
589
+ <option value="de">Germany</option>
590
+ <option value="gr">Greece</option>
591
+ <option value="hu">Hungary</option>
592
+ <option value="in">India</option>
593
+ <option value="id">Indonesia</option>
594
+ <option value="ie">Ireland</option>
595
+ <option value="il">Israel</option>
596
+ <option value="it">Italy</option>
597
+ <option value="jp">Japan</option>
598
+ <option value="ke">Kenya</option>
599
+ <option value="lv">Latvia</option>
600
+ <option value="lt">Lithuania</option>
601
+ <option value="mk">Macedonia</option>
602
+ <option value="my">Malaysia</option>
603
+ <option value="mx">Mexico</option>
604
+ <option value="md">Moldova</option>
605
+ <option value="mn">Mongolia</option>
606
+ <option value="ma">Morocco</option>
607
+ <option value="np">Nepal</option>
608
+ <option value="nl">Netherlands</option>
609
+ <option value="nz">New Zealand</option>
610
+ <option value="no">Norway</option>
611
+ <option value="om">Oman</option>
612
+ <option value="pk">Pakistan</option>
613
+ <option value="pa">Panama</option>
614
+ <option value="pe">Peru</option>
615
+ <option value="ph">Philippines</option>
616
+ <option value="pl">Poland</option>
617
+ <option value="pt">Portugal</option>
618
+ <option value="ro">Romania</option>
619
+ <option value="ru">Russia</option>
620
+ <option value="rs">Serbia</option>
621
+ <option value="sk">Slovakia</option>
622
+ <option value="si">Slovenia</option>
623
+ <option value="za">South Africa</option>
624
+ <option value="es">Spain</option>
625
+ <option value="lk">Sri Lanka</option>
626
+ <option value="se">Sweden</option>
627
+ <option value="ch">Switzerland</option>
628
+ <option value="th">Thailand</option>
629
+ <option value="tr">Turkey</option>
630
+ <option value="ua">Ukraine</option>
631
+ <option value="ae">United Arab Emirates</option>
632
+ <option value="gb">United Kingdom</option>
633
+ <option value="us">United States of America</option>
634
+ <option value="uy">Uruguay</option>
635
+ <option value="ve">Venezuela</option>
636
+ <option value="vn">Vietnam</option>
637
+ </select>
638
+ </section>
639
+ </form>
640
+ </section>
641
+ </section>
642
+
643
+ <section class="l-content">
644
+ <section class="services search-results">
645
+ <section class="search-results">
646
+ <nav class="pop-sub-nav--search s-small-below">
647
+ <ul class="pop-sub-nav__list">
648
+ <li class="pop-sub-nav-item is-active"><a
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>
650
+ </li>
651
+ <li class="pop-sub-nav-item"><a
652
+ 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=recommended">recommended</a>
653
+ </li>
654
+ <li class="pop-sub-nav-item"><a
655
+ 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=favorites_count">favorited</a>
656
+ </li>
657
+ <li class="pop-sub-nav-item"><a
658
+ 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=recent">newest</a>
659
+ </li>
660
+ <li class="pop-sub-nav-item"><a
661
+ 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=price_desc">high
662
+ price</a></li>
663
+ <li class="pop-sub-nav-item"><a
664
+ 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=price_asc">low
665
+ price</a></li>
666
+ </ul>
667
+ </nav>
668
+
669
+ <script>Studio.favoriteServiceIDs = []</script>
670
+
671
+
672
+ <section class="services" am-grid>
673
+
674
+ <article class="service service__item" am-grid-row="l:start">
675
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
676
+ <section class="service__item__price">$100</section>
677
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
678
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
679
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
680
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
681
+ </section>
682
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
683
+ <ul>
684
+ <li class="th-muted">3 Days, 5 Revisions</li>
685
+ <li><strong>113</strong> Jobs Done</li>
686
+ <li><strong>98%</strong> Recommended (82/83)</li>
687
+ </ul>
688
+ </section>
689
+ <section class="service__item__provider" am-grid-row="l:start">
690
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
691
+ <p class="service__card__provider__info s-no-below">
692
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
693
+ <span class="service__card__provider__country">Brazil</span>
694
+ </p>
695
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
696
+ <section class="service-favorite__add">
697
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
698
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
699
+ </a>
700
+ </section>
701
+ </span>
702
+ </section>
703
+ </article>
704
+ <article class="service service__item" am-grid-row="l:start">
705
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
706
+ <section class="service__item__price">$100</section>
707
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
708
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
709
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
710
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
711
+ </section>
712
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
713
+ <ul>
714
+ <li class="th-muted">3 Days, 5 Revisions</li>
715
+ <li><strong>113</strong> Jobs Done</li>
716
+ <li><strong>98%</strong> Recommended (82/83)</li>
717
+ </ul>
718
+ </section>
719
+ <section class="service__item__provider" am-grid-row="l:start">
720
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
721
+ <p class="service__card__provider__info s-no-below">
722
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
723
+ <span class="service__card__provider__country">Brazil</span>
724
+ </p>
725
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
726
+ <section class="service-favorite__add">
727
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
728
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
729
+ </a>
730
+ </section>
731
+ </span>
732
+ </section>
733
+ </article>
734
+ <article class="service service__item" am-grid-row="l:start">
735
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
736
+ <section class="service__item__price">$100</section>
737
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
738
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
739
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
740
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
741
+ </section>
742
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
743
+ <ul>
744
+ <li class="th-muted">3 Days, 5 Revisions</li>
745
+ <li><strong>113</strong> Jobs Done</li>
746
+ <li><strong>98%</strong> Recommended (82/83)</li>
747
+ </ul>
748
+ </section>
749
+ <section class="service__item__provider" am-grid-row="l:start">
750
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
751
+ <p class="service__card__provider__info s-no-below">
752
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
753
+ <span class="service__card__provider__country">Brazil</span>
754
+ </p>
755
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
756
+ <section class="service-favorite__add">
757
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
758
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
759
+ </a>
760
+ </section>
761
+ </span>
762
+ </section>
763
+ </article>
764
+ <article class="service service__item" am-grid-row="l:start">
765
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
766
+ <section class="service__item__price">$100</section>
767
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
768
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
769
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
770
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
771
+ </section>
772
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
773
+ <ul>
774
+ <li class="th-muted">3 Days, 5 Revisions</li>
775
+ <li><strong>113</strong> Jobs Done</li>
776
+ <li><strong>98%</strong> Recommended (82/83)</li>
777
+ </ul>
778
+ </section>
779
+ <section class="service__item__provider" am-grid-row="l:start">
780
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
781
+ <p class="service__card__provider__info s-no-below">
782
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
783
+ <span class="service__card__provider__country">Brazil</span>
784
+ </p>
785
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
786
+ <section class="service-favorite__add">
787
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
788
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
789
+ </a>
790
+ </section>
791
+ </span>
792
+ </section>
793
+ </article>
794
+ <article class="service service__item" am-grid-row="l:start">
795
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
796
+ <section class="service__item__price">$100</section>
797
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
798
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
799
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
800
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
801
+ </section>
802
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
803
+ <ul>
804
+ <li class="th-muted">3 Days, 5 Revisions</li>
805
+ <li><strong>113</strong> Jobs Done</li>
806
+ <li><strong>98%</strong> Recommended (82/83)</li>
807
+ </ul>
808
+ </section>
809
+ <section class="service__item__provider" am-grid-row="l:start">
810
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
811
+ <p class="service__card__provider__info s-no-below">
812
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
813
+ <span class="service__card__provider__country">Brazil</span>
814
+ </p>
815
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
816
+ <section class="service-favorite__add">
817
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
818
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
819
+ </a>
820
+ </section>
821
+ </span>
822
+ </section>
823
+ </article>
824
+ <article class="service service__item" am-grid-row="l:start">
825
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
826
+ <section class="service__item__price">$100</section>
827
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
828
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
829
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
830
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
831
+ </section>
832
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
833
+ <ul>
834
+ <li class="th-muted">3 Days, 5 Revisions</li>
835
+ <li><strong>113</strong> Jobs Done</li>
836
+ <li><strong>98%</strong> Recommended (82/83)</li>
837
+ </ul>
838
+ </section>
839
+ <section class="service__item__provider" am-grid-row="l:start">
840
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
841
+ <p class="service__card__provider__info s-no-below">
842
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
843
+ <span class="service__card__provider__country">Brazil</span>
844
+ </p>
845
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
846
+ <section class="service-favorite__add">
847
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
848
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
849
+ </a>
850
+ </section>
851
+ </span>
852
+ </section>
853
+ </article>
854
+ <article class="service service__item" am-grid-row="l:start">
855
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
856
+ <section class="service__item__price">$100</section>
857
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
858
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
859
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
860
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
861
+ </section>
862
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
863
+ <ul>
864
+ <li class="th-muted">3 Days, 5 Revisions</li>
865
+ <li><strong>113</strong> Jobs Done</li>
866
+ <li><strong>98%</strong> Recommended (82/83)</li>
867
+ </ul>
868
+ </section>
869
+ <section class="service__item__provider" am-grid-row="l:start">
870
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
871
+ <p class="service__card__provider__info s-no-below">
872
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
873
+ <span class="service__card__provider__country">Brazil</span>
874
+ </p>
875
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
876
+ <section class="service-favorite__add">
877
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
878
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
879
+ </a>
880
+ </section>
881
+ </span>
882
+ </section>
883
+ </article>
884
+ <article class="service service__item" am-grid-row="l:start">
885
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
886
+ <section class="service__item__price">$100</section>
887
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
888
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
889
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
890
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
891
+ </section>
892
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
893
+ <ul>
894
+ <li class="th-muted">3 Days, 5 Revisions</li>
895
+ <li><strong>113</strong> Jobs Done</li>
896
+ <li><strong>98%</strong> Recommended (82/83)</li>
897
+ </ul>
898
+ </section>
899
+ <section class="service__item__provider" am-grid-row="l:start">
900
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
901
+ <p class="service__card__provider__info s-no-below">
902
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
903
+ <span class="service__card__provider__country">Brazil</span>
904
+ </p>
905
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
906
+ <section class="service-favorite__add">
907
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
908
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
909
+ </a>
910
+ </section>
911
+ </span>
912
+ </section>
913
+ </article>
914
+ <article class="service service__item" am-grid-row="l:start">
915
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
916
+ <section class="service__item__price">$100</section>
917
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
918
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
919
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
920
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
921
+ </section>
922
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
923
+ <ul>
924
+ <li class="th-muted">3 Days, 5 Revisions</li>
925
+ <li><strong>113</strong> Jobs Done</li>
926
+ <li><strong>98%</strong> Recommended (82/83)</li>
927
+ </ul>
928
+ </section>
929
+ <section class="service__item__provider" am-grid-row="l:start">
930
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
931
+ <p class="service__card__provider__info s-no-below">
932
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
933
+ <span class="service__card__provider__country">Brazil</span>
934
+ </p>
935
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
936
+ <section class="service-favorite__add">
937
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
938
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
939
+ </a>
940
+ </section>
941
+ </span>
942
+ </section>
943
+ </article>
944
+ <article class="service service__item" am-grid-row="l:start">
945
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
946
+ <section class="service__item__price">$100</section>
947
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
948
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
949
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
950
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
951
+ </section>
952
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
953
+ <ul>
954
+ <li class="th-muted">3 Days, 5 Revisions</li>
955
+ <li><strong>113</strong> Jobs Done</li>
956
+ <li><strong>98%</strong> Recommended (82/83)</li>
957
+ </ul>
958
+ </section>
959
+ <section class="service__item__provider" am-grid-row="l:start">
960
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
961
+ <p class="service__card__provider__info s-no-below">
962
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
963
+ <span class="service__card__provider__country">Brazil</span>
964
+ </p>
965
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
966
+ <section class="service-favorite__add">
967
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
968
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
969
+ </a>
970
+ </section>
971
+ </span>
972
+ </section>
973
+ </article>
974
+ <article class="service service__item" am-grid-row="l:start">
975
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
976
+ <section class="service__item__price">$100</section>
977
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
978
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
979
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
980
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
981
+ </section>
982
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
983
+ <ul>
984
+ <li class="th-muted">3 Days, 5 Revisions</li>
985
+ <li><strong>113</strong> Jobs Done</li>
986
+ <li><strong>98%</strong> Recommended (82/83)</li>
987
+ </ul>
988
+ </section>
989
+ <section class="service__item__provider" am-grid-row="l:start">
990
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
991
+ <p class="service__card__provider__info s-no-below">
992
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
993
+ <span class="service__card__provider__country">Brazil</span>
994
+ </p>
995
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
996
+ <section class="service-favorite__add">
997
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
998
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
999
+ </a>
1000
+ </section>
1001
+ </span>
1002
+ </section>
1003
+ </article>
1004
+ <article class="service service__item" am-grid-row="l:start">
1005
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
1006
+ <section class="service__item__price">$100</section>
1007
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
1008
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1009
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1010
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1011
+ </section>
1012
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
1013
+ <ul>
1014
+ <li class="th-muted">3 Days, 5 Revisions</li>
1015
+ <li><strong>113</strong> Jobs Done</li>
1016
+ <li><strong>98%</strong> Recommended (82/83)</li>
1017
+ </ul>
1018
+ </section>
1019
+ <section class="service__item__provider" am-grid-row="l:start">
1020
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
1021
+ <p class="service__card__provider__info s-no-below">
1022
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
1023
+ <span class="service__card__provider__country">Brazil</span>
1024
+ </p>
1025
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
1026
+ <section class="service-favorite__add">
1027
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
1028
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1029
+ </a>
1030
+ </section>
1031
+ </span>
1032
+ </section>
1033
+ </article>
1034
+ <article class="service service__item" am-grid-row="l:start">
1035
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
1036
+ <section class="service__item__price">$100</section>
1037
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
1038
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1039
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1040
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1041
+ </section>
1042
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
1043
+ <ul>
1044
+ <li class="th-muted">3 Days, 5 Revisions</li>
1045
+ <li><strong>113</strong> Jobs Done</li>
1046
+ <li><strong>98%</strong> Recommended (82/83)</li>
1047
+ </ul>
1048
+ </section>
1049
+ <section class="service__item__provider" am-grid-row="l:start">
1050
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
1051
+ <p class="service__card__provider__info s-no-below">
1052
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
1053
+ <span class="service__card__provider__country">Brazil</span>
1054
+ </p>
1055
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
1056
+ <section class="service-favorite__add">
1057
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
1058
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1059
+ </a>
1060
+ </section>
1061
+ </span>
1062
+ </section>
1063
+ </article>
1064
+ <article class="service service__item" am-grid-row="l:start">
1065
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
1066
+ <section class="service__item__price">$100</section>
1067
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
1068
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1069
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1070
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1071
+ </section>
1072
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
1073
+ <ul>
1074
+ <li class="th-muted">3 Days, 5 Revisions</li>
1075
+ <li><strong>113</strong> Jobs Done</li>
1076
+ <li><strong>98%</strong> Recommended (82/83)</li>
1077
+ </ul>
1078
+ </section>
1079
+ <section class="service__item__provider" am-grid-row="l:start">
1080
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
1081
+ <p class="service__card__provider__info s-no-below">
1082
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
1083
+ <span class="service__card__provider__country">Brazil</span>
1084
+ </p>
1085
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
1086
+ <section class="service-favorite__add">
1087
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
1088
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1089
+ </a>
1090
+ </section>
1091
+ </span>
1092
+ </section>
1093
+ </article>
1094
+ <article class="service service__item" am-grid-row="l:start">
1095
+ <h4 class="service__item__title"><a href="#">Creative Concept Business Card Design with Images</a></h4>
1096
+ <section class="service__item__price">$100</section>
1097
+ <section class="service__item__gallery s-small-below" am-grid-col="l:6:9" am-grid-row="l:start">
1098
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1099
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1100
+ <a class="service__item__gallery__item" href="#"><img class="service__item__gallery__item__image" width="140" height="110" src="https://dummyimage.com/140x110" alt=""></a>
1101
+ </section>
1102
+ <section class="service__item__info" am-grid-col="l:3:9" am-grid-row="l:end">
1103
+ <ul>
1104
+ <li class="th-muted">3 Days, 5 Revisions</li>
1105
+ <li><strong>113</strong> Jobs Done</li>
1106
+ <li><strong>98%</strong> Recommended (82/83)</li>
1107
+ </ul>
1108
+ </section>
1109
+ <section class="service__item__provider" am-grid-row="l:start">
1110
+ <img class="service__card__provider__image avatar__image" width="44" height="44" src="https://dummyimage.com/44x44">
1111
+ <p class="service__card__provider__info s-no-below">
1112
+ <strong class="service__card__provider__name">Brandbusters<span>(58)</span></strong>
1113
+ <span class="service__card__provider__country">Brazil</span>
1114
+ </p>
1115
+ <span class="service-favorite--inline"><section class="service-favorite__count--inline">84</section>
1116
+ <section class="service-favorite__add">
1117
+ <a href="/account/services/1124/favorites" class="service-favorite__add-button--inline" data-method="post" data-remote="true" rel="nofollow">
1118
+ <div class="service-favorite__icon--inline hot-icon__fave--default"></div>
1119
+ </a>
1120
+ </section>
1121
+ </span>
1122
+ </section>
1123
+ </article>
1124
+
1125
+ </section>
1126
+
1127
+ <div class="pagination-right">
1128
+ <nav class="pagination">
1129
+
1130
+
1131
+ <span class="page current">
1132
+ 1
1133
+ </span>
1134
+
1135
+ <span class="page">
1136
+ <a href="https://studio-app.envato.com/smock/examples/explore/wordpress/page/2" rel="next">2</a>
1137
+ </span>
1138
+
1139
+ <span class="page">
1140
+ <a href="https://studio-app.envato.com/smock/examples/explore/wordpress/page/3">3</a>
1141
+ </span>
1142
+
1143
+ <span class="page">
1144
+ <a href="https://studio-app.envato.com/smock/examples/explore/wordpress/page/4">4</a>
1145
+ </span>
1146
+
1147
+ <span class="page">
1148
+ <a href="https://studio-app.envato.com/smock/examples/explore/wordpress/page/5">5</a>
1149
+ </span>
1150
+
1151
+ <span class="page gap">…</span>
1152
+
1153
+ <span class="next">
1154
+ <a href="https://studio-app.envato.com/smock/examples/explore/wordpress/page/2" rel="next">Next ›</a>
1155
+ </span>
1156
+
1157
+ <span class="last">
1158
+ <a href="https://studio-app.envato.com/smock/examples/explore/wordpress/page/36">Last »</a>
1159
+ </span>
1160
+
1161
+ </nav>
1162
+
1163
+ </div>
1164
+ </section>
1165
+
1166
+
1167
+ </section>
1168
+ </section>
1169
+
1170
+
1171
+ </section>
1172
+
1173
+ <footer id="footer" class="footer">
1174
+ <section class="footer-banner">
1175
+ <section class="container">
1176
+ <section class="footer-banner__envato">
1177
+ <i class="footer-banner__envato-logo svg__envato-logo--inverse"></i>
1178
+ </section>
1179
+
1180
+ <section class="footer-banner__text">
1181
+ <p class="footer-banner__info">Envato Studio is part of the Envato network. Supporting over 4,000,000 digital
1182
+ creatives worldwide with sites including <a href="http://themeforest.net/">ThemeForest</a>, <a
1183
+ href="https://tutsplus.com/">Tuts+</a> and Envato Studio.</p>
1184
+ </section>
1185
+ </section>
1186
+ </section>
1187
+
1188
+ <div class="container">
1189
+ <ul class="footer-list">
1190
+ <li class="footer-list__label">About Studio</li>
1191
+ <li class="footer-list__item"><a class="footer-list__link" href="https://studio-app.envato.com/smock/examples/how-it-works">How It
1192
+ Works</a></li>
1193
+ <li class="footer-list__item"><a class="footer-list__link"
1194
+ href="https://envatostudio.zendesk.com/hc/en-us">FAQ</a></li>
1195
+ <li class="footer-list__item"><a class="footer-list__link"
1196
+ href="https://studio-app.envato.com/smock/examples/contact?ticket%5Breason%5D=Customer+Support+Request"
1197
+ rel="nofollow">Contact Us</a></li>
1198
+ <li class="footer-list__item"><a class="footer-list__link" href="https://studio-app.envato.com/smock/examples/about-us">About Us</a>
1199
+ </li>
1200
+ <li class="footer-list__item"><a class="footer-list__link" href="http://studioblog.envato.com/">Blog</a></li>
1201
+ <li class="footer-list__item"><a class="footer-list__link" href="https://studio-app.envato.com/smock/examples/user-terms">Terms &amp;
1202
+ Conditions</a></li>
1203
+ <li class="footer-list__item"><a class="footer-list__link" href="https://studio-app.envato.com/smock/examples/content-policy">Content
1204
+ Policy</a></li>
1205
+ <li class="footer-list__item"><a class="footer-list__link" href="https://studio-app.envato.com/smock/examples/privacy-policy">Privacy
1206
+ Policy</a></li>
1207
+
1208
+ <li class="footer-list__item">
1209
+ <ul class="footer-list--social">
1210
+ <li class="footer-list__item--social">
1211
+ <a class="footer-list__link" href="https://www.facebook.com/EnvatoStudio" title="Envato Studio Facebook">
1212
+ <i class="hot-icon__facebook--color--round"></i>
1213
+ <span class="footer-list__item-body">Facebook</span>
1214
+ </a></li>
1215
+ <li class="footer-list__item--social">
1216
+ <a class="footer-list__link" href="https://twitter.com/envatostudio" title="Envato Studio Twitter">
1217
+ <i class="hot-icon__twitter--color--round"></i>
1218
+ <span class="footer-list__item-body">Twitter</span>
1219
+ </a></li>
1220
+ <li class="footer-list__item--social">
1221
+ <a class="footer-list__link" href="http://instagram.com/envatostudio" title="Envato Studio Instagram">
1222
+ <i class="hot-icon__instagram--color--round"></i>
1223
+ <span class="footer-list__item-body">Instagram</span>
1224
+ </a></li>
1225
+ <li class="footer-list__item--social">
1226
+ <a class="footer-list__link" href="https://plus.google.com/b/103902459860816636792/+Microlancer/posts"
1227
+ title="Envato Studio Google+">
1228
+ <i class="hot-icon__google--color--round"></i>
1229
+ <span class="footer-list__item-body">Google+</span>
1230
+ </a></li>
1231
+ </ul>
1232
+ </li>
1233
+ </ul>
1234
+
1235
+ <ul class="footer-list">
1236
+ <li class="footer-list__label">Categories</li>
1237
+ <li class="footer-list__item"><a class="footer-list__link"
1238
+ href="https://studio-app.envato.com/smock/examples/explore/business-online-marketing">Business &amp;
1239
+ Online Marketing</a></li>
1240
+ <li class="footer-list__item"><a class="footer-list__link" href="https://studio-app.envato.com/smock/examples/explore/mobile-apps">Mobile
1241
+ &amp; Apps</a></li>
1242
+ <li class="footer-list__item"><a class="footer-list__link"
1243
+ href="https://studio-app.envato.com/smock/examples/explore/ecommerce-cms-development">Ecommerce
1244
+ &amp; CMS Development</a></li>
1245
+ <li class="footer-list__item"><a class="footer-list__link"
1246
+ href="https://studio-app.envato.com/smock/examples/explore/websites-programming">Websites &amp;
1247
+ Programming</a></li>
1248
+ <li class="footer-list__item"><a class="footer-list__link"
1249
+ href="https://studio-app.envato.com/smock/examples/explore/design-graphics">Design &amp;
1250
+ Graphics</a></li>
1251
+ <li class="footer-list__item"><a class="footer-list__link" href="./explore_files/explore.html">WordPress</a></li>
1252
+ <li class="footer-list__item"><a class="footer-list__link"
1253
+ href="https://studio-app.envato.com/smock/examples/explore/logo-design-branding">Logo Design &amp;
1254
+ Branding</a></li>
1255
+ <li class="footer-list__item"><a class="footer-list__link"
1256
+ href="https://studio-app.envato.com/smock/examples/explore/video-animation">Video &amp;
1257
+ Animation</a></li>
1258
+ </ul>
1259
+
1260
+ <ul class="footer-list--sister-site">
1261
+ <li class="footer-list__label">Other Envato Sites</li>
1262
+ <li class="footer-list__item--sister-site">
1263
+ <a class="footer__sister-site__link--image"
1264
+ href="https://tutsplus.com/?utm_source=studio.envato.com&utm_medium=referral&utm_campaign=global_footer"><img
1265
+ class="footer__sister-site__image" src="./explore_files/tuts-plus-bd0affcfa95d86912384b5d39e923119.jpg"
1266
+ width="140" height="112"></a>
1267
+
1268
+ <p class="footer__sister-site__description">
1269
+ Learn creative and technical skills with Tuts+ video courses and free tutorials. Topics include code, design,
1270
+ photography and more.
1271
+ <span class="footer__sister-site__link"><a
1272
+ href="https://tutsplus.com/?utm_source=studio.envato.com&utm_medium=referral&utm_campaign=global_footer">Learn
1273
+ now with Tuts+</a></span>
1274
+ </p>
1275
+ </li>
1276
+
1277
+ <li class="footer-list__item--sister-site">
1278
+ <a class="footer__sister-site__link--image" href="http://codecanyon.net/category/wordpress"><img
1279
+ class="footer__sister-site__image" src="./explore_files/themeforest-cf59c988c1d2bf085124a3b145d6426b.png"
1280
+ width="140" height="112"></a>
1281
+
1282
+ <p class="footer__sister-site__description">
1283
+ Add more features to your website such as user profiles, payment gateways, image galleries and more.
1284
+ <span class="footer__sister-site__link"><a href="http://codecanyon.net/category/wordpress">Browse WordPress
1285
+ Plugins</a></span>
1286
+ </p>
1287
+ </li>
1288
+ </ul>
1289
+
1290
+ <footer class="sub-footer">
1291
+ <p>Copyright © 2014 Envato Studio. All Rights Reserved</p>
1292
+ <a class="sub-footer__envato svg__envato-logo" href="http://envato.com/">Envato</a>
1293
+ </footer>
1294
+ </div>
1295
+ </footer>
1296
+
1297
+ </body>
1298
+ </html>