Skip to content

Commit 4aff29f

Browse files
TusharKesarwaniTusharKesarwani
authored
Merge pull request #1520 from codingwithveer18/main
Code for the issue created.
2 parents 28ed2ab + 0eb2523 commit 4aff29f

25 files changed

Lines changed: 10717 additions & 0 deletions

‎Projects/SoulBound_Confession/css/pogo-slider.min.css‎

Lines changed: 1096 additions & 0 deletions
Large diffs are not rendered by default.

‎Projects/SoulBound_Confession/css/responsive.css‎

Lines changed: 224 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,224 @@
1+
/* only small desktops */
2+
/* tablets */
3+
@media (min-width: 992px) and (max-width: 1190px) {
4+
.countdown {
5+
height: 285px;
6+
}
7+
.top-header .navbar .navbar-collapse ul li a {
8+
font-size: 14px;
9+
}
10+
.lbox-details h2 {
11+
font-size: 26px;
12+
}
13+
.right-top ul li a {
14+
padding: 0px 15px;
15+
}
16+
}
17+
.lbox-details h1 {
18+
font-size: 35px;
19+
}
20+
21+
/* only small tablets */
22+
@media (min-width: 780px) and (max-width: 991px) {
23+
.top-header .navbar .navbar-collapse ul li a {
24+
padding: 5px 15px;
25+
}
26+
.about-img {
27+
margin-bottom: 30px;
28+
margin-top: 30px;
29+
}
30+
.gallery-box ul li {
31+
width: 33.33%;
32+
}
33+
.top-header {
34+
position: relative;
35+
}
36+
.lbox-details {
37+
display: block;
38+
position: relative;
39+
width: 100%;
40+
}
41+
.countdown #timer div#days,
42+
.countdown #timer div#hours,
43+
.countdown #timer div#minutes,
44+
.countdown #timer div#seconds {
45+
position: inherit;
46+
margin: 12px 0px;
47+
}
48+
.lbox-details::before {
49+
background: rgba(0, 0, 0, 0.9);
50+
}
51+
.countdown {
52+
height: 188px;
53+
border-radius: 0px;
54+
}
55+
.countdown #timer div {
56+
width: 23%;
57+
font-size: 24px;
58+
}
59+
figure.effect-service h2 {
60+
font-size: 12px;
61+
}
62+
.left-top {
63+
display: inline-block;
64+
width: 100%;
65+
}
66+
.mail-b {
67+
float: right;
68+
}
69+
.right-top {
70+
float: left;
71+
}
72+
.lbox-details p {
73+
font-size: 15px;
74+
margin-bottom: 0px;
75+
}
76+
.lbox-details h1 {
77+
margin-bottom: 5px;
78+
padding: 5px;
79+
}
80+
.lbox-details a.btn {
81+
display: none;
82+
}
83+
}
84+
85+
/* mobile or only mobile */
86+
@media (max-width: 780px) {
87+
.navbar-brand {
88+
margin-left: 10px;
89+
margin-right: 10px;
90+
}
91+
.top-header .navbar .navbar-collapse ul li a {
92+
padding: 5px 15px;
93+
}
94+
.right-top {
95+
float: none;
96+
margin: 0 auto;
97+
display: block;
98+
text-align: center;
99+
}
100+
.left-top {
101+
text-align: center;
102+
}
103+
.left-top a {
104+
float: none;
105+
padding: 5px 20px;
106+
}
107+
.wel-nots {
108+
float: none;
109+
margin: 0;
110+
text-align: center;
111+
}
112+
.right-top ul li {
113+
float: none;
114+
display: inline-block;
115+
}
116+
.mail-b {
117+
float: none;
118+
}
119+
.mail-b a {
120+
padding: 5px 20px;
121+
}
122+
.lbox-details h1 {
123+
font-size: 17px;
124+
}
125+
.lbox-details h2 {
126+
font-size: 18px;
127+
}
128+
.lbox-details p strong {
129+
font-size: 20px;
130+
}
131+
.lbox-details a.btn {
132+
display: none;
133+
}
134+
.title-box h2 {
135+
font-size: 38px;
136+
}
137+
.about-main-info h2 {
138+
font-size: 24px;
139+
}
140+
.about-img {
141+
margin-bottom: 30px;
142+
}
143+
.main-timeline-box .separline::before {
144+
left: 15px !important;
145+
}
146+
.main-timeline-box .iconBackground {
147+
left: 15px !important;
148+
}
149+
.main-timeline-box .timeline-text-content {
150+
margin-left: 0px;
151+
}
152+
.main-timeline-box .reverse .timeline-text-content {
153+
margin-right: 0px;
154+
}
155+
.main-timeline-box .time-line-date-content {
156+
margin-right: 0px;
157+
}
158+
.main-timeline-box .time-line-date-content p {
159+
float: left;
160+
}
161+
.main-timeline-box .timeline-element {
162+
padding: 0px 15px;
163+
}
164+
165+
.top-header {
166+
position: relative;
167+
}
168+
.lbox-details {
169+
position: relative;
170+
width: 100%;
171+
padding: 5% 0%;
172+
}
173+
.lbox-details p {
174+
text-align: center;
175+
margin: 0px 10px;
176+
font-size: 10px;
177+
}
178+
.about-m {
179+
margin-top: 30px;
180+
}
181+
.countdown #timer div#days,
182+
.countdown #timer div#hours,
183+
.countdown #timer div#minutes,
184+
.countdown #timer div#seconds {
185+
position: inherit;
186+
margin: 12px 0px;
187+
}
188+
.lbox-details::before {
189+
background: rgba(0, 0, 0, 0.9);
190+
}
191+
.countdown {
192+
height: 188px;
193+
border-radius: 0px;
194+
}
195+
.countdown #timer div {
196+
width: 23%;
197+
font-size: 24px;
198+
}
199+
.about-m {
200+
margin-bottom: 30px;
201+
}
202+
.timeLine .row .item {
203+
margin-bottom: 30px;
204+
}
205+
figure.effect-service h2 {
206+
font-size: 14px;
207+
}
208+
.filter-button-group button {
209+
margin-bottom: 5px;
210+
}
211+
.well-block {
212+
margin-bottom: 30px;
213+
}
214+
.well-block .well-title h2 {
215+
font-size: 24px;
216+
}
217+
.blog-inner a {
218+
padding: 10px 6px;
219+
}
220+
.pogoSlider--navBottom .pogoSlider-nav {
221+
display: none;
222+
}
223+
}
224+

‎Projects/SoulBound_Confession/css/responsiveslides.css‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
.rslides {
2+
position: relative;
3+
list-style: none;
4+
overflow: hidden;
5+
width: 100%;
6+
padding: 0;
7+
margin: 0;
8+
}
9+
10+
.rslides li {
11+
position: absolute;
12+
display: none;
13+
width: 100%;
14+
left: 0;
15+
top: 0;
16+
backface-visibility: hidden;
17+
}
18+
19+
.rslides li:first-child {
20+
position: relative;
21+
display: block;
22+
float: left;
23+
}
24+
25+
.rslides img {
26+
display: block;
27+
height: auto;
28+
float: left;
29+
width: 100%;
30+
border: 0;
31+
}

0 commit comments

Comments
 (0)