smock 0.1.175 → 0.1.176

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 (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>