Skip to content

Commit d4da18a

Browse files
javinoramjavinoram
committed
22/02/2025 feat:Fix seminars css
1 parent fd196e3 commit d4da18a

File tree

2 files changed

+111
-112
lines changed

2 files changed

+111
-112
lines changed

‎assets/css/seminars.css

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
.seminar-block1 {
2+
display: flex;
3+
background-image: url("../images/mbr-1920x637.jpg");
4+
}
5+
.seminar-block1 .mbr-overlay {
6+
background-color: #353535;
7+
opacity: 0.5;
8+
}
9+
.seminar-block1 .content-wrap {
10+
padding: 5rem 1rem;
11+
}
12+
@media (min-width: 768px) {
13+
.seminar-block1 {
14+
align-items: flex-start;
15+
}
16+
.seminar-block1 .row {
17+
justify-content: center;
18+
}
19+
.seminar-block1 .content-wrap {
20+
width: 49%;
21+
}
22+
}
23+
@media (max-width: 991px) and (min-width: 768px) {
24+
.seminar-block1 .content-wrap {
25+
min-width: 50%;
26+
}
27+
}
28+
@media (max-width: 767px) {
29+
.seminar-block1 {
30+
-webkit-align-items: center;
31+
align-items: center;
32+
}
33+
.seminar-block1 .mbr-row {
34+
-webkit-justify-content: center;
35+
justify-content: center;
36+
}
37+
.seminar-block1 .content-wrap {
38+
width: 100%;
39+
}
40+
}
41+
.seminar-block1 .mbr-text,
42+
.seminar-block1 .mbr-section-btn {
43+
color: #000000;
44+
text-align: center;
45+
}
46+
.seminar-block1 .mbr-section-title {
47+
color: #000000;
48+
text-align: center;
49+
}
50+
51+
.seminar-video-block {
52+
padding-top: 1rem;
53+
padding-bottom: 1rem;
54+
background-color: #ffffff;
55+
}
56+
.seminar-video-block .row {
57+
flex-direction: row-reverse;
58+
}
59+
.seminar-video-block .video-wrapper iframe {
60+
width: 100%;
61+
}
62+
.seminar-video-block .mbr-section-title,
63+
.seminar-video-block .mbr-description {
64+
text-align: center;
65+
}
66+
@media (min-width: 992px) {
67+
.seminar-video-block .text-wrapper {
68+
padding: 2rem;
69+
}
70+
}
71+
.seminar-video-block .mbr-text {
72+
color: #424a4d;
73+
text-align: center;
74+
}

‎seminars-posts/index-seminars.html

+37-112
Original file line numberDiff line numberDiff line change
@@ -3,54 +3,28 @@
33
<head>
44
<!-- Site made with Mobirise Website Builder v5.6.2, https://mobirise.com -->
55
<meta charset="UTF-8" />
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7-
<meta name="generator" content="Mobirise v5.6.2, mobirise.com" />
8-
<meta
9-
name="viewport"
10-
content="width=device-width, initial-scale=1, minimum-scale=1"
11-
/>
12-
<link
13-
rel="shortcut icon"
14-
href="../assets/images/logo-420x549.png"
15-
type="image/x-icon"
16-
/>
17-
<meta name="description" content="" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
7+
<meta name="generator" content="Mobirise v5.6.2, mobirise.com"/>
8+
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
9+
<link rel="shortcut icon" href="../assets/images/logo-420x549.png" type="image/x-icon"/>
10+
<meta name="description" content=""/>
1811

1912
<title>IGS Seminars</title>
20-
<link
21-
rel="stylesheet"
22-
href="../assets/web/assets/mobirise-icons2/mobirise2.css"
23-
/>
24-
<link
25-
rel="stylesheet"
26-
href="../assets/bootstrap/css/bootstrap.min.css"
27-
/>
28-
<link
29-
rel="stylesheet"
30-
href="../assets/bootstrap/css/bootstrap-grid.min.css"
31-
/>
32-
<link
33-
rel="stylesheet"
34-
href="../assets/bootstrap/css/bootstrap-reboot.min.css"
35-
/>
36-
<link
37-
rel="stylesheet"
38-
href="../assets/web/assets/gdpr-plugin/gdpr-styles.css"
39-
/>
40-
<link rel="stylesheet" href="../assets/dropdown/css/style.css" />
41-
<link rel="stylesheet" href="../assets/socicon/css/styles.css" />
42-
<link rel="stylesheet" href="../assets/theme/css/style.css" />
13+
<link rel="stylesheet" href="../assets/web/assets/mobirise-icons2/mobirise2.css"/>
14+
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css"/>
15+
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap-grid.min.css"/>
16+
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap-reboot.min.css"/>
17+
<link rel="stylesheet" href="../assets/web/assets/gdpr-plugin/gdpr-styles.css"/>
18+
<link rel="stylesheet" href="../assets/dropdown/css/style.css"/>
19+
<link rel="stylesheet" href="../assets/socicon/css/styles.css"/>
20+
<link rel="stylesheet" href="../assets/theme/css/style.css"/>
4321
<link
4422
rel="preload"
4523
href="https://fonts.googleapis.com/css?family=Abril+Fatface:400&display=swap"
4624
as="style"
4725
onload="this.onload=null;this.rel='stylesheet'"
4826
/>
49-
<noscript
50-
><link
51-
rel="stylesheet"
52-
href="https://fonts.googleapis.com/css?family=Abril+Fatface:400&display=swap"
53-
/></noscript>
27+
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface:400&display=swap"/></noscript>
5428
<link
5529
rel="preload"
5630
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
@@ -62,35 +36,23 @@
6236
rel="stylesheet"
6337
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
6438
/></noscript>
65-
<link
66-
rel="preload"
67-
as="style"
68-
href="../assets/mobirise/css/mbr-additional.css"
69-
/>
70-
<link
71-
rel="stylesheet"
72-
href="../assets/mobirise/css/mbr-additional.css"
73-
type="text/css"
74-
/>
39+
<link rel="preload" as="style" href="../assets/mobirise/css/mbr-additional.css"/>
40+
<link rel="stylesheet" href="../assets/css/mbr-additional.css" type="text/css"/>
41+
<link rel="stylesheet" href="../assets/css/seminars.css" type="text/css"/>
42+
<link rel="stylesheet" href="../assets/css/navbar.css" type="text/css"/>
7543
</head>
7644
<body>
7745
<section
78-
class="menu menu3 cid-siut9ZC9fS"
46+
class="menu menu3 igsnavbar"
7947
once="menu"
8048
id="menu3-0"
8149
>
82-
<nav
83-
class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg"
84-
>
50+
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
8551
<div class="container-fluid">
8652
<div class="navbar-brand">
8753
<span class="navbar-logo">
8854
<a href="../index.html">
89-
<img
90-
src="../assets/images/logo-420x549.png"
91-
alt="Mobirise"
92-
style="height: 4.2rem"
93-
/>
55+
<img src="../assets/images/logo-420x549.png" style="height: 4.2rem"/>
9456
</a>
9557
</span>
9658
<span class="navbar-caption-wrap"
@@ -223,34 +185,27 @@
223185
</section>
224186

225187
<section
226-
data-bs-version="5.1"
227-
class="header4 cid-srnEZu5OBi mbr-fullscreen"
188+
class="header4 seminar-block1 mbr-fullscreen"
228189
id="header4-2h"
229190
>
191+
<div class="mbr-overlay" style="opacity: 0.2; background-color: rgb(255, 255, 255)"></div>
230192
<div class="container-fluid">
231-
<div class="row">
193+
<div class="row justify-content-center">
232194
<div class="content-wrap">
233-
<h3
234-
class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-2"
235-
>
195+
<h3 class="mbr-section-title mbr-fonts-style mb-4 display-2">
236196
<br /><br />
237197
<strong>The IGS Global Seminars</strong>
238198
</h3>
239-
240-
<p
241-
class="mbr-fonts-style mbr-text mbr-white mb-3 display-7"
242-
>
243-
Scientists from around the globe stream about their
244-
research
199+
<p class="mbr-fonts-style mbr-text mb-3 display-7">
200+
Scientists from around the globe stream about their research
245201
</p>
246202
</div>
247203
</div>
248204
</div>
249205
</section>
250206

251207
<section
252-
data-bs-version="5.1"
253-
class="video5 cid-srnESW0iBs"
208+
class="video5 seminar-video-block"
254209
id="video5-2f"
255210
>
256211
<div class="container">
@@ -270,9 +225,7 @@
270225
</div>
271226
<div class="col-12 col-lg">
272227
<div class="text-wrapper">
273-
<h3
274-
class="mbr-section-subtitle mbr-fonts-style mb-3 display-5"
275-
>
228+
<h3 class="mbr-section-subtitle mbr-fonts-style mb-3 display-5">
276229
<strong>Latest Seminar</strong>
277230
</h3>
278231
<p class="mbr-text mbr-fonts-style display-7">
@@ -287,49 +240,21 @@
287240
</div>
288241
</div>
289242
</div>
290-
</div>
291-
</section>
292-
293-
<section
294-
data-bs-version="5.1"
295-
class="video4 cid-srnETrScLr"
296-
id="video4-2g"
297-
>
298-
<div class="container">
299-
<div class="title-wrapper mb-5"></div>
300243
<div class="row align-items-center">
301-
<div class="col-12 col-lg-6 video-block">
302-
<div class="video-wrapper">
303-
<iframe
304-
width="560"
305-
height="315"
306-
src="https://www.youtube.com/embed/videoseries?si=GmULBUv3HXHtzkyf&amp;controls=0&amp;list=PL_bTKRD9_INBgRP8cTMFPrMo7zgMGXxSr"
307-
title="Seminar playlist"
308-
frameborder="0"
309-
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
310-
referrerpolicy="strict-origin-when-cross-origin"
311-
allowfullscreen>
312-
</iframe>
313-
</div>
314-
</div>
315-
<div class="col-12 col-lg">
316-
<div class="text-wrapper">
317-
<h5
318-
class="mbr-section-subtitle mbr-fonts-style mb-3 display-5"
319-
>
320-
<strong>Past seminars</strong>
321-
</h5>
322-
<p class="mbr-text mbr-fonts-style display-7">
323-
In this <a
324-
href="https://www.youtube.com/playlist?list=PL_bTKRD9_INBgRP8cTMFPrMo7zgMGXxSr"
244+
<div class="text-wrapper">
245+
<h3 class="mbr-section-subtitle mbr-fonts-style mb-3 display-5">
246+
<strong>Past seminars</strong>
247+
</h3>
248+
<p class="mbr-text mbr-fonts-style display-7">
249+
In this <a href="https://www.youtube.com/playlist?list=PL_bTKRD9_INBgRP8cTMFPrMo7zgMGXxSr"
325250
class="text-primary"
326251
>playlist</a> you can find all the previous seminars.
327-
</p>
328-
</div>
252+
</p>
329253
</div>
330254
</div>
331255
</div>
332256
</section>
257+
333258
<section
334259
class="display-7"
335260
style="

0 commit comments

Comments
 (0)