Skip to content

Commit d36512e

Browse files
author
Christian Gomez
committed
Adding some speakers and Zillow as sponsor
1 parent 040b581 commit d36512e

14 files changed

Lines changed: 257 additions & 11 deletions

‎layouts/_default/baseof.html‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
1313
<!-- CSS -->
1414
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
15-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
15+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
1616
<link rel="stylesheet" href="{{ "css/bootstrap.css" | relURL }}">
1717
<link rel="stylesheet" href="{{ "css/magnific-popup.css" | relURL }}">
1818
<link rel="stylesheet" href="{{ "css/nice-select.css" | relURL }}">
@@ -23,7 +23,9 @@
2323
<body>
2424
{{ partial "header.html" . }}
2525
{{ block "main" . }}{{ end }}
26-
{{ partial "organizers.html" . }}
26+
{{ partial "speakers.html" . }}
27+
{{ partial "sponsors.html" . }}
28+
{{ partial "organizers.html" . }}
2729
{{ partial "footer.html" . }}
2830

2931
<!-- Scripts -->

‎layouts/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
{{ partial "banner.html" . }}
33

44
<!-- Main Area -->
5-
<section class="home-video-area">
5+
<section id=home class="home-video-area">
66
<div class="container-fluid">
77
<div class="row justify-content-end align-items-center">
88
<div class="col-lg-4 no-padding about-right">

‎layouts/partials/elements.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -438,7 +438,7 @@ <h3 class="mb-30">Form Element</h3>
438438
</div>
439439
<div class="input-group-icon mt-10">
440440
<div class="icon"><i class="fa fa-plane" aria-hidden="true"></i></div>
441-
<div class="form-select" id="default-select"">
441+
<div class="form-select" id="default-select">
442442
<select>
443443
<option value="1">City</option>
444444
<option value="1">Dhaka</option>
@@ -450,7 +450,7 @@ <h3 class="mb-30">Form Element</h3>
450450
</div>
451451
<div class="input-group-icon mt-10">
452452
<div class="icon"><i class="fa fa-globe" aria-hidden="true"></i></div>
453-
<div class="form-select" id="default-select"">
453+
<div class="form-select" id="default-select">
454454
<select>
455455
<option value="1">Country</option>
456456
<option value="1">Bangladesh</option>
@@ -509,7 +509,7 @@ <h3 class="mb-30">Switches</h3>
509509
</div>
510510
<div class="single-element-widget mt-30">
511511
<h3 class="mb-30">Selectboxes</h3>
512-
<div class="default-select" id="default-select"">
512+
<div class="default-select" id="default-select">
513513
<select>
514514
<option value="1">English</option>
515515
<option value="1">Spanish</option>

‎layouts/partials/header.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
</div>
77
<nav id="nav-menu-container">
88
<ul class="nav-menu">
9-
<li class="menu-active"><a href="#home">Home</a></li>
9+
<li><a href="#home">Home</a></li>
1010
<li><a href="#speakers">Speakers</a></li>
11-
<li><a href="#schedule">Sponsors</a></li>
11+
<li><a href="#sponsors">Sponsors</a></li>
1212
<li><a class="ticker-btn" href="https://eventos.jconf.mx/event/2/jconf-mexico-2025">Buy Ticket</a></li>
1313
</ul>
1414
</nav>

‎layouts/partials/organizers.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<div class="container-fluid">
44
<div class="row justify-content-center">
55
<div class="col-md-8 text-center">
6-
<h1 class="text-white section-title">Organizadores</h1>
7-
<p class="section-subtitle">Conoce a quienes hacen posible este evento</p>
6+
<h1 class="text-white section-title">Organizers</h1>
7+
<p class="section-subtitle">Meet the people who make this event possible.</p>
88
</div>
99
</div>
1010
<div class="row no-padding">

‎layouts/partials/speakers.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<section class="speakers-area pb-100" id="speakers">
2+
<div class="container">
3+
<div class="row justify-content-center">
4+
<div class="col-md-8 text-center">
5+
<h1 class="text-white section-title">Speakers</h1>
6+
<p class="section-subtitle text-white">Meet the people who will be sharing their knowledge at our event.</p>
7+
</div>
8+
</div>
9+
<div class="row speaker-grid"> <div class="col-lg-4 col-md-6 mb-4">
10+
<div class="speaker-card">
11+
<div class="speaker-img">
12+
<img src="img/speakers/domingo-suarez-torres.jpg" alt="" class="img-fluid rounded-top">
13+
</div>
14+
<div class="speaker-info">
15+
<h1 class="text-white">Domingo Suarez Torres</h1>
16+
<h6 class="text-uppercase">Code designer</h6>
17+
<p class="text-white">
18+
Utopian code typer. Java Champion
19+
</p>
20+
<div class="social-icons">
21+
<a href="https://www.facebook.com/domix"><i class="fa fa-facebook"></i></a>
22+
<a href="https://x.com/domix"><i class="fa fa-twitter"></i></a>
23+
<a href="https://www.linkedin.com/in/domix/"><i class="fa fa-linkedin"></i></a>
24+
<a href="https://www.instagram.com/domix/"><i class="fa fa-instagram"></i></a>
25+
</div>
26+
</div>
27+
</div>
28+
</div>
29+
30+
<div class="col-lg-4 col-md-6 mb-4">
31+
<div class="speaker-card">
32+
<div class="speaker-img">
33+
<img src="img/speakers/joel-humberto-gomez-paredes.jpg" alt="" class="img-fluid rounded-top">
34+
</div>
35+
<div class="speaker-info">
36+
<h1 class="text-white">Joel Humberto Gomez Paredes</h1>
37+
<h6 class="text-uppercase">Frontend Developer at Platzi, Google Developer Expert</h6>
38+
<p class="text-white">Frontend Developer at Platzi, FullStack JS Developerk, GDE on Web Technologies and Google Maps Platform. Pokemon master, corgi fan and taco lover.</p>
39+
<div class="social-icons">
40+
<a href="https://www.facebook.com/mr.dezka"><i class="fa fa-facebook"></i></a>
41+
<a href="https://twitter.com/DezkaReid"><i class="fa fa-twitter"></i></a>
42+
<a href="https://www.linkedin.com/in/joelhumberto/"><i class="fa fa-linkedin"></i></a>
43+
<a href="https://www.instagram.com/dezkareid/"><i class="fa fa-instagram"></i></a>
44+
</div>
45+
</div>
46+
</div>
47+
</div>
48+
49+
<div class="col-lg-4 col-md-6 mb-4">
50+
<div class="speaker-card">
51+
<div class="speaker-img">
52+
<img src="img/speakers/rolando-carrasco.jpg" alt="" class="img-fluid rounded-top">
53+
</div>
54+
<div class="speaker-info">
55+
<h1 class="text-white">Rolando Carrasco</h1>
56+
<h6 class="text-uppercase">CTO</h6>
57+
<p class="text-white">Rolando Carrasco is a technology enthusiastic whose work has been focused on Services Orientation, Distributed Systems, Integration, Event Driven Architecture. He has over 20 years of experience in the IT industry and has worked for companies like HP & Oracle.
58+
Rolando is a constant speaker in international conferences and a constant contributor within the community with blogs, videos, webinars, podcasts, presentations, and event coordination.</p>
59+
<div class="social-icons">
60+
<a href="https://x.com/borland_c"><i class="fa fa-twitter"></i></a>
61+
<a href="https://www.linkedin.com/in/rolandocarrasco/"><i class="fa fa-linkedin"></i></a>
62+
<a href="https://www.instagram.com/borland_c/"><i class="fa fa-instagram"></i></a>
63+
</div>
64+
</div>
65+
</div>
66+
</div>
67+
</div>
68+
</div>
69+
</section>

‎layouts/partials/sponsors.html‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<section id="sponsors" class="sponsors-area">
2+
<div class="container">
3+
<div class="row justify-content-center">
4+
<div class="col-md-8 text-center">
5+
<h2 class="section-title">Our Sponsors</h2>
6+
<p class="section-subtitle">We gratefully acknowledge the support of our sponsors.</p>
7+
</div>
8+
</div>
9+
10+
<div class="row sponsor-row justify-content-center">
11+
<div class="col-12 text-center">
12+
<h3 class="sponsor-tier-title">Diamond</h3>
13+
<div class="sponsor-logos diamond-logos">
14+
<img src="img/sponsors/Zillow Logo_Primary_RGB.png" alt="Diamond Sponsor 1" class="sponsor-logo">
15+
16+
</div>
17+
</div>
18+
</div>
19+
20+
<!-- <div class="row sponsor-row justify-content-center">
21+
<div class="col-12 text-center">
22+
<h3 class="sponsor-tier-title">Gold</h3>
23+
<div class="sponsor-logos gold-logos">
24+
<img src="img/sponsor-gold-1.png" alt="Gold Sponsor 1" class="sponsor-logo">
25+
<img src="img/sponsor-gold-2.png" alt="Gold Sponsor 2" class="sponsor-logo">
26+
</div>
27+
</div>
28+
</div>
29+
30+
<div class="row sponsor-row justify-content-center">
31+
<div class="col-12 text-center">
32+
<h3 class="sponsor-tier-title">Silver</h3>
33+
<div class="sponsor-logos silver-logos">
34+
<img src="img/sponsor-silver-1.png" alt="Silver Sponsor 1" class="sponsor-logo">
35+
<img src="img/sponsor-silver-2.png" alt="Silver Sponsor 2" class="sponsor-logo">
36+
</div>
37+
</div>
38+
</div>
39+
40+
<div class="row sponsor-row justify-content-center">
41+
<div class="col-12 text-center">
42+
<h3 class="sponsor-tier-title">Virtual</h3>
43+
<div class="sponsor-logos virtual-logos">
44+
<img src="img/sponsor-virtual-1.png" alt="Virtual Sponsor 1" class="sponsor-logo">
45+
<img src="img/sponsor-virtual-2.png" alt="Virtual Sponsor 2" class="sponsor-logo">
46+
</div>
47+
</div>
48+
</div> -->
49+
50+
</div>
51+
</section>

‎static/.DS_Store‎

8 KB
Binary file not shown.

‎static/css/main.css‎

Lines changed: 125 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2603,7 +2603,9 @@ body.mobile-nav-active #mobile-nav-toggle {
26032603
}
26042604

26052605
.single-speaker {
2606-
background-color: #04091e
2606+
background-color: #04091e;
2607+
width: 100%;
2608+
margin: 0;
26072609
}
26082610

26092611
.single-speaker h6 {
@@ -3153,4 +3155,126 @@ h6 {
31533155

31543156
#organizers .social-links a:hover {
31553157
color: #f39c12;
3158+
}
3159+
3160+
#speakers {
3161+
background-color: #121212; /* Dark theme */
3162+
padding-top: 100px;
3163+
padding-bottom: 100px;
3164+
}
3165+
3166+
.speaker-card {
3167+
background-color: #1e1e1e;
3168+
border-radius: 10px;
3169+
overflow: hidden;
3170+
transition: all 0.3s ease;
3171+
display: flex;
3172+
flex-direction: column;
3173+
height: 100%;
3174+
margin: 15px;
3175+
}
3176+
3177+
.speaker-card h1 {
3178+
margin: 15px 0
3179+
}
3180+
3181+
.speaker-card h6 {
3182+
font-size: 12px;
3183+
font-weight: 300;
3184+
letter-spacing: 3px;
3185+
color: #ed8b00ff;
3186+
margin-bottom: 5
3187+
}
3188+
3189+
.speaker-img {
3190+
/* New styles for the image container */
3191+
height: 250px; /* Adjust this value as needed */
3192+
overflow: hidden;
3193+
}
3194+
3195+
.speaker-img img {
3196+
width: 100%;
3197+
height: 100%;
3198+
display: block;
3199+
object-fit: cover; /* Or 'contain' */
3200+
}
3201+
3202+
.speaker-info {
3203+
padding: 20px;
3204+
text-align: left;
3205+
color: #fff;
3206+
flex-grow: 1;
3207+
}
3208+
3209+
/* --- Sponsors Section --- */
3210+
3211+
.sponsors-area {
3212+
background-color: #fff; /* White background for the section */
3213+
padding-top: 80px;
3214+
padding-bottom: 80px;
3215+
}
3216+
3217+
.sponsors-area .section-title {
3218+
font-size: 32px;
3219+
color: #333;
3220+
margin-bottom: 20px;
3221+
}
3222+
3223+
.sponsors-area .section-subtitle {
3224+
font-size: 16px;
3225+
color: #777;
3226+
margin-bottom: 40px;
3227+
}
3228+
3229+
.sponsor-row {
3230+
margin-bottom: 40px; /* Spacing between tiers */
3231+
}
3232+
3233+
.sponsor-tier-title {
3234+
font-size: 24px;
3235+
color: #555;
3236+
margin-bottom: 20px;
3237+
text-transform: uppercase;
3238+
border-bottom: 2px solid #eee; /* Subtle line */
3239+
padding-bottom: 10px;
3240+
}
3241+
3242+
.sponsor-logos {
3243+
display: flex;
3244+
justify-content: center;
3245+
align-items: center;
3246+
flex-wrap: wrap; /* Wrap logos to the next line if needed */
3247+
}
3248+
3249+
.sponsor-logo {
3250+
margin: 10px 20px; /* Spacing around logos */
3251+
height: auto;
3252+
display: block;
3253+
}
3254+
3255+
/* Tier-specific logo sizes */
3256+
.diamond-logos .sponsor-logo {
3257+
max-width: 250px; /* Largest logos */
3258+
}
3259+
3260+
.gold-logos .sponsor-logo {
3261+
max-width: 200px;
3262+
}
3263+
3264+
.silver-logos .sponsor-logo {
3265+
max-width: 150px;
3266+
}
3267+
3268+
.virtual-logos .sponsor-logo {
3269+
max-width: 100px; /* Smallest logos */
3270+
}
3271+
3272+
/* Responsive adjustments (optional) */
3273+
@media (max-width: 767px) {
3274+
.sponsor-logos {
3275+
justify-content: center; /* Center on small screens */
3276+
}
3277+
.sponsor-logo {
3278+
margin: 10px 10px; /* Less spacing on small screens */
3279+
}
31563280
}

‎static/img/.DS_Store‎

2 KB
Binary file not shown.

0 commit comments

Comments
 (0)