Skip to content

Commit f444132

Browse files
fabiobrasileiroofabiobrasileiroo
committed
ajuste noticia
1 parent 5a7deda commit f444132

2 files changed

Lines changed: 134 additions & 53 deletions

File tree

‎src/app/page/landing-page-inicio/landing-page-inicio.component.html‎

Lines changed: 134 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -218,7 +218,8 @@ <h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-w
218218
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
219219
clip-rule="evenodd"></path>
220220
</svg>
221-
<span class="text-base font-medium leading-tight text-gray-900 dark:text-white">Comunidade pode te fazer crescer</span>
221+
<span class="text-base font-medium leading-tight text-gray-900 dark:text-white">Comunidade pode te fazer
222+
crescer</span>
222223
</li>
223224
<li class="flex space-x-3">
224225
<!-- Icon -->
@@ -228,7 +229,8 @@ <h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-w
228229
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
229230
clip-rule="evenodd"></path>
230231
</svg>
231-
<span class="text-base font-medium leading-tight text-gray-900 dark:text-white">Aprender ou até compartilhar conhecimento</span>
232+
<span class="text-base font-medium leading-tight text-gray-900 dark:text-white">Aprender ou até compartilhar
233+
conhecimento</span>
232234
</li>
233235
<li class="flex space-x-3">
234236
<!-- Icon -->
@@ -416,7 +418,8 @@ <h3 class="mb-2 text-2xl font-bold dark:text-white">5+ Million</h3>
416418
fill="currentColor" />
417419
</svg>
418420
<blockquote>
419-
<p class="text-xl font-medium text-gray-900 md:text-2xl dark:text-white">“A verdadeira comunidade é aquela que ajuda seus membros a crescer e se desenvolver.”</p>
421+
<p class="text-xl font-medium text-gray-900 md:text-2xl dark:text-white">“A verdadeira comunidade é aquela que
422+
ajuda seus membros a crescer e se desenvolver.”</p>
420423
</blockquote>
421424
<figcaption class="flex items-center justify-center mt-6 space-x-3">
422425
<img class="w-6 h-6 rounjed-full" src="../assets/doke.png" alt="profile picture">
@@ -430,8 +433,59 @@ <h3 class="mb-2 text-2xl font-bold dark:text-white">5+ Million</h3>
430433
</section>
431434
<!-- End block -->
432435
<!-- Start block -->
436+
<section class="bg-gray-50 dark:bg-gray-900">
437+
<div class="text-white max-w-screen-xl mx-auto py-8 px-4 lg:py-16 lg:px-6">
438+
<div class="text-center mb-10">
439+
<h2 class="text-4xl tracking-tight font-bold text-primary-800">Mas por que participar de uma comunidade?</h2>
440+
<p class="mt-3">"Participar de um grupo de usuários Java é uma ótima maneira de se conectar, comunicar e colaborar
441+
com seus colegas desenvolvedores. Os JUGs podem ser encontrados em quase todos os continentes, com encontros
442+
regulares." Site do Java (https://dev.java/community/jugs/)</p>
443+
</div>
433444

434-
<section class="bg-white dark:bg-gray-900">
445+
<div class="flex flex-col md:flex-row">
446+
<!-- can help image -->
447+
<div class="mr-0 md:mr-8 mb-6 md:mb-0">
448+
<img class="w-1/2 md:w-96 mx-auto" src="../../../assets/doke-noticia.png" alt="can_help_banner">
449+
</div>
450+
<!-- end can help image -->
451+
452+
<div class="flex-1 flex flex-col sm:flex-row flex-wrap -mb-4 -mx-2">
453+
<div class="w-full sm:w-1/2 mb-4 px-2 ">
454+
<div class="h-full py-4 px-6 border border-green-500 border-t-0 border-l-0 rounded-br-xl">
455+
<h3 class="text-2xl font-bold text-md mb-6">Networking:</h3>
456+
<p class="text-sm">Conecte-se com outros desenvolvedores Java da sua região.</p>
457+
</div>
458+
</div>
459+
<div class="w-full sm:w-1/2 mb-4 px-2 ">
460+
<div class="h-full py-4 px-6 border border-green-500 border-t-0 border-l-0 rounded-br-xl">
461+
<h3 class="text-2xl font-bold text-md mb-6">Compartilhamento de experiências</h3>
462+
<p class="text-sm">Aprenda com outros profissionais e compartilhe seus conhecimentos.</p>
463+
</div>
464+
</div>
465+
466+
<div class="w-full sm:w-1/2 mb-4 px-2 ">
467+
<div class="h-full py-4 px-6 border border-green-500 border-t-0 border-l-0 rounded-br-xl">
468+
<h3 class="text-2xl font-bold text-md mb-6">Fortalecimento</h3>
469+
<p class="text-sm">Ajude a construir uma comunidade Java vibrante em Manaus.</p>
470+
</div>
471+
</div>
472+
473+
<div class="w-full sm:w-1/2 mb-4 px-2 ">
474+
<div class="h-full py-4 px-6 border border-green-500 border-t-0 border-l-0 rounded-br-xl">
475+
<h3 class="text-2xl font-bold text-md mb-6">Compartilhamento</h3>
476+
<p class="text-sm">Acesse palestras, workshops e outros eventos sobre as últimas tecnologias Java.</p>
477+
</div>
478+
</div>
479+
480+
481+
</div>
482+
</div>
483+
</div>
484+
</section>
485+
<!-- End block -->
486+
<!-- Start block -->
487+
488+
<section class="bg-white dark:bg-gray-800">
435489
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-24 lg:px-6">
436490
<div class="max-w-screen-md mx-auto mb-8 text-center lg:mb-12">
437491
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Eventos</h2>
@@ -442,61 +496,89 @@ <h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-w
442496
<!-- Pricing Card -->
443497

444498

445-
<div id="indicators-carousel" class="relative w-full" data-carousel="static">
446-
<!-- Carousel wrapper -->
447-
<div class="relative h-56 overflow-hidden rounded-lg md:h-96">
448-
<!-- Item 1 -->
449-
<div class="duration-700 ease-in-out" data-carousel-item="active">
450-
<img src="../../../assets/event-java.jpeg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
451-
</div>
452-
<!-- Item 2 -->
453-
<div class="hidden duration-700 ease-in-out" data-carousel-item>
454-
<img src="/docs/images/carousel/carousel-2.svg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
455-
</div>
456-
<!-- Item 3 -->
457-
<div class="hidden duration-700 ease-in-out" data-carousel-item>
458-
<img src="/docs/images/carousel/carousel-3.svg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
459-
</div>
460-
<!-- Item 4 -->
461-
<div class="hidden duration-700 ease-in-out" data-carousel-item>
462-
<img src="/docs/images/carousel/carousel-4.svg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
499+
<div id="indicators-carousel" class="relative w-full" data-carousel="static">
500+
<!-- Carousel wrapper -->
501+
<div class="relative h-56 overflow-hidden rounded-lg md:h-96">
502+
<!-- Item 1 -->
503+
<div class="duration-700 ease-in-out" data-carousel-item="active">
504+
<img src="../../../assets/event-java.jpeg"
505+
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
506+
</div>
507+
<!-- Item 2 -->
508+
<div class="hidden duration-700 ease-in-out" data-carousel-item>
509+
<img src="/docs/images/carousel/carousel-2.svg"
510+
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
511+
</div>
512+
<!-- Item 3 -->
513+
<div class="hidden duration-700 ease-in-out" data-carousel-item>
514+
<img src="/docs/images/carousel/carousel-3.svg"
515+
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
516+
</div>
517+
<!-- Item 4 -->
518+
<div class="hidden duration-700 ease-in-out" data-carousel-item>
519+
<img src="/docs/images/carousel/carousel-4.svg"
520+
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
521+
</div>
522+
<!-- Item 5 -->
523+
<div class="hidden duration-700 ease-in-out" data-carousel-item>
524+
<img src="/docs/images/carousel/carousel-5.svg"
525+
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
526+
</div>
463527
</div>
464-
<!-- Item 5 -->
465-
<div class="hidden duration-700 ease-in-out" data-carousel-item>
466-
<img src="/docs/images/carousel/carousel-5.svg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
528+
529+
<!-- Slider indicators -->
530+
<div class="absolute z-30 flex -translate-x-1/2 space-x-3 rtl:space-x-reverse bottom-5 left-1/2">
531+
<button type="button" class="w-3 h-3 rounded-full" aria-current="true" aria-label="Slide 1"
532+
data-carousel-slide-to="0"></button>
533+
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 2"
534+
data-carousel-slide-to="1"></button>
535+
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 3"
536+
data-carousel-slide-to="2"></button>
537+
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 4"
538+
data-carousel-slide-to="3"></button>
539+
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 5"
540+
data-carousel-slide-to="4"></button>
467541
</div>
468-
</div>
469-
<!-- Slider indicators -->
470-
<div class="absolute z-30 flex -translate-x-1/2 space-x-3 rtl:space-x-reverse bottom-5 left-1/2">
471-
<button type="button" class="w-3 h-3 rounded-full" aria-current="true" aria-label="Slide 1" data-carousel-slide-to="0"></button>
472-
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 2" data-carousel-slide-to="1"></button>
473-
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 3" data-carousel-slide-to="2"></button>
474-
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 4" data-carousel-slide-to="3"></button>
475-
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 5" data-carousel-slide-to="4"></button>
476-
</div>
477-
<!-- Slider controls -->
478-
<button type="button" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-carousel-prev>
479-
<span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
480-
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
481-
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
542+
<!-- Slider controls -->
543+
<button type="button"
544+
class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
545+
data-carousel-prev>
546+
<span
547+
class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
548+
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true"
549+
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
550+
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
551+
d="M5 1 1 5l4 4" />
482552
</svg>
483553
<span class="sr-only">Previous</span>
484-
</span>
485-
</button>
486-
<button type="button" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-carousel-next>
487-
<span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
488-
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
489-
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
554+
</span>
555+
</button>
556+
<button type="button"
557+
class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
558+
data-carousel-next>
559+
<span
560+
class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
561+
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true"
562+
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
563+
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
564+
d="m1 9 4-4-4-4" />
490565
</svg>
491566
<span class="sr-only">Next</span>
492-
</span>
493-
</button>
494-
</div>
567+
</span>
568+
</button>
569+
</div>
570+
<div class="card-content text-white">
571+
<h6 class="" data-carousel-item="active">Sab,16 Fev - 10:00<span>(Horário de Manaus)</span></h6>
572+
<h2>Lorem Ipsum</h2>
573+
<p>Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam atque sunt pariatur, enim quae
574+
quidem praesentium. Similique dolor fugit explicabo vero debitis recusandae, expedita fuga corrupti dolorum
575+
esse perferendis ipsa.</p>
576+
</div>
495577

496578
<!-- fim -->
497579
<!-- <div
498-
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
499-
<h3 class="mb-4 text-2xl font-semibold">Starter</h3>
580+
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
581+
<h3 class="mb-4 text-2xl font-semibold">Starter</h3>
500582
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Best option for personal use & for your next
501583
project.</p>
502584
<div class="flex items-baseline justify-center my-8">
@@ -565,7 +647,7 @@ <h3 class="mb-4 text-2xl font-semibold">Starter</h3>
565647
</section>
566648
<!-- End block -->
567649
<!-- Start block -->
568-
<section class="bg-white dark:bg-gray-900">
650+
<section class="bg-white dark:bg-gray-900 pt-8">
569651
<div class="max-w-screen-xl px-4 pb-8 mx-auto lg:pb-24 lg:px-6 ">
570652
<h2
571653
class="mb-6 text-3xl font-extrabold tracking-tight text-center text-gray-900 lg:mb-8 lg:text-3xl dark:text-white">
@@ -792,8 +874,7 @@ <h3 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">D
792874
Java Amazonas
793875
</a>
794876
<span class="block text-sm text-center text-gray-500 dark:text-gray-400">© 2024-2025 Jugle™. All Rights
795-
Reserved. Built with <a href="#"
796-
class="text-purple-600 hover:underline dark:text-purple-500">Jugle</a> and <a
877+
Reserved. Built with <a href="#" class="text-purple-600 hover:underline dark:text-purple-500">Jugle</a> and <a
797878
href="#" class="text-purple-600 hover:underline dark:text-purple-500">Amazonas</a>.
798879
</span>
799880
<ul class="flex justify-center mt-5 space-x-5">

‎src/assets/doke-noticia.png‎

1.43 MB
Loading

0 commit comments

Comments
 (0)