Skip to content

Commit 6781da4

Browse files
samuelbetiosamuelbetio
authored
GreenFairTemplate
1 parent 9d6d511 commit 6781da4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+6521
-0
lines changed

‎css/animate.min.css‎

Lines changed: 11 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap.min.css‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/carousel.css‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
#fade-quote-carousel.carousel {
2+
padding-bottom: 60px;
3+
}
4+
5+
#fade-quote-carousel.carousel .carousel-indicators {
6+
bottom: 10px;
7+
}
8+
9+
#fade-quote-carousel.carousel .carousel-indicators > li {
10+
border: 2px solid;
11+
width: 12px;
12+
height: 12px;
13+
margin: 0;
14+
}
15+
16+
#fade-quote-carousel .testimonial_content {
17+
text-align: center;
18+
border: none;
19+
}
20+
21+
#fade-quote-carousel .profile-circle {
22+
width: 100px;
23+
height: 100px;
24+
margin: 0 auto;
25+
border-radius: 100px;
26+
}
27+
28+
.carousel-indicators .active {
29+
30+
}
31+
32+
33+
/*Custom Style*/
34+
35+
.profile-circle img {
36+
border-radius: 50%;
37+
}
38+
39+
.profile-circle {
40+
width: 100px;
41+
height: 100px;
42+
margin: 0 auto;
43+
position: relative;
44+
top: 50px;
45+
z-index: 2
46+
}
47+
48+
.testimonial_content {
49+
padding: 10px 20px;
50+
margin: 0 0 20px;
51+
font-size: 17.5px;
52+
position: relative;
53+
background: #fff;
54+
color: #000;
55+
z-index: 1;
56+
height: 200px;
57+
overflow: hidden;
58+
}
59+
60+
.testimonial_content i {
61+
z-index: 99999;
62+
color: #000;
63+
left: 20px;
64+
position: absolute;
65+
top: 50px;
66+
font-size: 25px;
67+
}
68+
69+
.testimonial_content p {
70+
font-size: 14px;
71+
padding-top: 45px;
72+
padding-left: 40px;
73+
padding-right: 20px;
74+
padding-bottom: 30px;
75+
text-align: left;
76+
color: #646464;
77+
font-family: 'Open Sans', sans-serif;
78+
font-style: italic;
79+
}
80+
81+
.testimonial_author h5 {
82+
font-size: 15px;
83+
padding-bottom: 5px;
84+
font-family: 'Roboto', sans-serif;
85+
font-weight: 400;
86+
}
87+
88+
.testimonial_author p {
89+
color: #43a906;
90+
font-size: 14px;
91+
font-weight: 700;
92+
}
93+
94+
.carousel-indicators li {
95+
width: 12px;
96+
height: 12px;
97+
margin: 0 0px 0px 5px;
98+
border: 2px solid #fff;
99+
position: relative;
100+
top: 50px;
101+
}
102+
103+
.carousel-indicators .active {
104+
margin: 0 0px 0px 5px;
105+
106+
}

‎css/font-awesome.min.css‎

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/isotope/style.css‎

Lines changed: 224 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,224 @@
1+
ul {
2+
list-style-type: none;
3+
text-align: center;
4+
}
5+
ul.menu li {
6+
display: inline-block;
7+
padding: 10px 25px;
8+
}
9+
ul.menu li button {
10+
padding: 6px 20px;
11+
}
12+
.notes {
13+
width: 100%;
14+
display: block;
15+
text-align: center;
16+
}
17+
.grids {
18+
margin-top: 20px;
19+
}
20+
.grid {
21+
margin-top: 10px;
22+
color: lightskyblue;
23+
}
24+
.grid_date {
25+
color: lightskyblue;
26+
}
27+
.blue,
28+
.red,
29+
.green,
30+
.black {
31+
margin-left: 5px;
32+
margin-top: 5px;
33+
height: 200px;
34+
}
35+
.blue img,
36+
.red img,
37+
.green img,
38+
.black img {
39+
height: 200px;
40+
width: 100%;
41+
}
42+
.yellow img {
43+
height: 405px;
44+
width: 100%;
45+
}
46+
.blue {
47+
width: 45%;
48+
background: blue;
49+
}
50+
.red {
51+
width: 30%;
52+
background: red;
53+
}
54+
.green {
55+
width: 30%;
56+
}
57+
.yellow {
58+
width: 23.6%;
59+
height: 405px;
60+
margin-left: 5px;
61+
margin-top: 5px;
62+
background: yellow;
63+
}
64+
.black {
65+
width: 45%;
66+
}
67+
.btn_active {
68+
background: red;
69+
border: 0px;
70+
color: #fff;
71+
outline: none;
72+
}
73+
input#searchNote {
74+
width: 100%;
75+
padding: 20px 12px;
76+
font-style: italic;
77+
margin-top: 20px;
78+
}
79+
i.custom_search {
80+
position: absolute;
81+
top: 43px;
82+
right: 180px;
83+
}
84+
#portfolio_menu button {
85+
width: 100px;
86+
min-height: 20px;
87+
border: 0px;
88+
outline: none;
89+
}
90+
body {
91+
overflow-x: hidden;
92+
}
93+
ul {
94+
padding: 0;
95+
margin: 0;
96+
}
97+
/*resposive*/
98+
99+
@media all and (max-width: 1280px) and (min-width: 768px) {
100+
.colum {
101+
width: 100%;
102+
}
103+
ul.menu li {
104+
padding: 10px 6px;
105+
}
106+
.blue,
107+
.black {
108+
width: 40%;
109+
}
110+
.red,
111+
.green {
112+
width: 30%;
113+
}
114+
.yellow {
115+
width: 27%;
116+
}
117+
}
118+
@media only screen and (max-width: 960px) and (min-width: 620px) {
119+
.colum {
120+
width: 100%;
121+
}
122+
ul.menu li {
123+
padding: 10px 30px;
124+
}
125+
ul.menu {
126+
overflow: hidden;
127+
}
128+
.blue,
129+
.black {
130+
width: 40%;
131+
}
132+
.red,
133+
.green {
134+
width: 30%;
135+
}
136+
.yellow {
137+
width: 27%;
138+
}
139+
}
140+
@media all and (max-width: 619px) and (min-width: 480px) {
141+
.colum {
142+
width: 100%;
143+
}
144+
ul.menu li {
145+
padding: 10px 30px;
146+
}
147+
ul.menu {
148+
overflow: hidden;
149+
}
150+
.blue,
151+
.black {
152+
width: 100%;
153+
}
154+
.red,
155+
.green {
156+
width: 100%;
157+
}
158+
.yellow {
159+
width: 100%;
160+
height: auto;
161+
}
162+
}
163+
@media all and (max-width: 479px) and (min-width: 320px) {
164+
.colum {
165+
width: 100%;
166+
}
167+
ul.menu li {
168+
padding: 10px 15px;
169+
}
170+
ul.menu {
171+
overflow: hidden;
172+
}
173+
ul.menu li button {
174+
padding: 6px 0px;
175+
}
176+
#portfolio button {
177+
font-size: 10px;
178+
width: 50px;
179+
}
180+
.blue,
181+
.black {
182+
width: 100%;
183+
}
184+
.red,
185+
.green {
186+
width: 100%;
187+
}
188+
.yellow {
189+
width: 100%;
190+
height: auto;
191+
}
192+
}
193+
@media all and (max-width: 319px) {
194+
.colum {
195+
width: 100%;
196+
}
197+
ul.menu li {
198+
padding: 10px 15px;
199+
}
200+
ul.menu {
201+
overflow: hidden;
202+
}
203+
ul.menu li button {
204+
padding: 6px 0px;
205+
}
206+
#portfolio button {
207+
font-size: 10px;
208+
width: 50px;
209+
}
210+
.blue,
211+
.black {
212+
width: 100%;
213+
height: auto;
214+
}
215+
.red,
216+
.green {
217+
width: 100%;
218+
height: auto;
219+
}
220+
.yellow {
221+
width: 100%;
222+
height: auto;
223+
}
224+
}

0 commit comments

Comments
 (0)