Skip to content

Commit 5a7deda

Browse files
card eventos
1 parent f8863ae commit 5a7deda

5 files changed

Lines changed: 64 additions & 146 deletions

File tree

src/app/page/header-landing-page/header-landing-page.component.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@
77
</a>
88
<div class="flex items-center lg:order-2">
99
<div class="hidden mt-2 mr-4 sm:inline-block">
10-
<a class="github-button" href="https://github.com/fabiobrasileiroo/fabiobrasileiro-portfolio"
10+
<a class="github-button" href="https://github.com/JavaAmazonas/java-jungle"
1111
data-size="large" data-icon="octicon-star" data-show-count="true"
12-
aria-label="Star jubleJava/comunidade on GitHub">Star</a>
12+
aria-label="Star JavaAmazonas/java-jungle on GitHub">Star</a>
1313
</div>
1414
<!-- <a href="#" class="text-gray-800 dark:text-white hover:bg-gray-50 focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 dark:hover:bg-gray-700 focus:outline-none dark:focus:ring-gray-800">Log in</a> -->
1515
<!-- <a href="https://themesberg.com/product/tailwind-css/landing-page"

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

Lines changed: 61 additions & 143 deletions
Original file line numberDiff line numberDiff line change
@@ -438,11 +438,63 @@ <h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-w
438438
<p class="mb-5 font-light text-gray-500 sm:text-xl dark:text-gray-400">Here at Landwind we focus on markets where
439439
technology, innovation, and capital can unlock long-term value and drive economic growth.</p>
440440
</div>
441-
<div class="space-y-8 lg:grid lg:grid-cols-3 sm:gap-6 xl:gap-10 lg:space-y-0">
441+
<div class="space-y-8 lg:grid lg:grid-cols- sm:gap-6 xl:gap-10 lg:space-y-0">
442442
<!-- Pricing Card -->
443443

444+
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="...">
463+
</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="...">
467+
</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"/>
482+
</svg>
483+
<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"/>
490+
</svg>
491+
<span class="sr-only">Next</span>
492+
</span>
493+
</button>
494+
</div>
495+
444496
<!-- fim -->
445-
<div
497+
<!-- <div
446498
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">
447499
<h3 class="mb-4 text-2xl font-semibold">Starter</h3>
448500
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Best option for personal use & for your next
@@ -451,10 +503,10 @@ <h3 class="mb-4 text-2xl font-semibold">Starter</h3>
451503
<span class="mr-2 text-5xl font-extrabold">$29</span>
452504
<span class="text-gray-500 dark:text-gray-400">/month</span>
453505
</div>
454-
<!-- List -->
506+
<!-- List ->
455507
<ul role="list" class="mb-8 space-y-4 text-left">
456508
<li class="flex items-center space-x-3">
457-
<!-- Icon -->
509+
<!-- Icon ->
458510
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
459511
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
460512
<path fill-rule="evenodd"
@@ -464,7 +516,7 @@ <h3 class="mb-4 text-2xl font-semibold">Starter</h3>
464516
<span>Individual configuration</span>
465517
</li>
466518
<li class="flex items-center space-x-3">
467-
<!-- Icon -->
519+
<!-- Icon ->
468520
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
469521
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
470522
<path fill-rule="evenodd"
@@ -474,7 +526,7 @@ <h3 class="mb-4 text-2xl font-semibold">Starter</h3>
474526
<span>No setup, or hidden fees</span>
475527
</li>
476528
<li class="flex items-center space-x-3">
477-
<!-- Icon -->
529+
<!-- Icon ->
478530
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
479531
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
480532
<path fill-rule="evenodd"
@@ -484,7 +536,7 @@ <h3 class="mb-4 text-2xl font-semibold">Starter</h3>
484536
<span>Team size: <span class="font-semibold">1 developer</span></span>
485537
</li>
486538
<li class="flex items-center space-x-3">
487-
<!-- Icon -->
539+
<!-- Icon ->
488540
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
489541
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
490542
<path fill-rule="evenodd"
@@ -494,7 +546,7 @@ <h3 class="mb-4 text-2xl font-semibold">Starter</h3>
494546
<span>Premium support: <span class="font-semibold">6 months</span></span>
495547
</li>
496548
<li class="flex items-center space-x-3">
497-
<!-- Icon -->
549+
<!-- Icon ->
498550
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
499551
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
500552
<path fill-rule="evenodd"
@@ -507,141 +559,7 @@ <h3 class="mb-4 text-2xl font-semibold">Starter</h3>
507559
<a href="#"
508560
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900">Get
509561
started</a>
510-
</div>
511-
<!-- Pricing Card -->
512-
<div
513-
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">
514-
<h3 class="mb-4 text-2xl font-semibold">Company</h3>
515-
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Relevant for multiple users, extended &
516-
premium support.</p>
517-
<div class="flex items-baseline justify-center my-8">
518-
<span class="mr-2 text-5xl font-extrabold">$99</span>
519-
<span class="text-gray-500 dark:text-gray-400" dark:text-gray-400>/month</span>
520-
</div>
521-
<!-- List -->
522-
<ul role="list" class="mb-8 space-y-4 text-left">
523-
<li class="flex items-center space-x-3">
524-
<!-- Icon -->
525-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
526-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
527-
<path fill-rule="evenodd"
528-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
529-
clip-rule="evenodd"></path>
530-
</svg>
531-
<span>Individual configuration</span>
532-
</li>
533-
<li class="flex items-center space-x-3">
534-
<!-- Icon -->
535-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
536-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
537-
<path fill-rule="evenodd"
538-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
539-
clip-rule="evenodd"></path>
540-
</svg>
541-
<span>No setup, or hidden fees</span>
542-
</li>
543-
<li class="flex items-center space-x-3">
544-
<!-- Icon -->
545-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
546-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
547-
<path fill-rule="evenodd"
548-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
549-
clip-rule="evenodd"></path>
550-
</svg>
551-
<span>Team size: <span class="font-semibold">10 developers</span></span>
552-
</li>
553-
<li class="flex items-center space-x-3">
554-
<!-- Icon -->
555-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
556-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
557-
<path fill-rule="evenodd"
558-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
559-
clip-rule="evenodd"></path>
560-
</svg>
561-
<span>Premium support: <span class="font-semibold">24 months</span></span>
562-
</li>
563-
<li class="flex items-center space-x-3">
564-
<!-- Icon -->
565-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
566-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
567-
<path fill-rule="evenodd"
568-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
569-
clip-rule="evenodd"></path>
570-
</svg>
571-
<span>Free updates: <span class="font-semibold">24 months</span></span>
572-
</li>
573-
</ul>
574-
<a href="#"
575-
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900">Get
576-
started</a>
577-
</div>
578-
<!-- Pricing Card -->
579-
<div
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">Enterprise</h3>
582-
<p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Best for large scale uses and extended
583-
redistribution rights.</p>
584-
<div class="flex items-baseline justify-center my-8">
585-
<span class="mr-2 text-5xl font-extrabold">$499</span>
586-
<span class="text-gray-500 dark:text-gray-400">/month</span>
587-
</div>
588-
<!-- List -->
589-
<ul role="list" class="mb-8 space-y-4 text-left">
590-
<li class="flex items-center space-x-3">
591-
<!-- Icon -->
592-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
593-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
594-
<path fill-rule="evenodd"
595-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
596-
clip-rule="evenodd"></path>
597-
</svg>
598-
<span>Individual configuration</span>
599-
</li>
600-
<li class="flex items-center space-x-3">
601-
<!-- Icon -->
602-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
603-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
604-
<path fill-rule="evenodd"
605-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
606-
clip-rule="evenodd"></path>
607-
</svg>
608-
<span>No setup, or hidden fees</span>
609-
</li>
610-
<li class="flex items-center space-x-3">
611-
<!-- Icon -->
612-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
613-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
614-
<path fill-rule="evenodd"
615-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
616-
clip-rule="evenodd"></path>
617-
</svg>
618-
<span>Team size: <span class="font-semibold">100+ developers</span></span>
619-
</li>
620-
<li class="flex items-center space-x-3">
621-
<!-- Icon -->
622-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
623-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
624-
<path fill-rule="evenodd"
625-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
626-
clip-rule="evenodd"></path>
627-
</svg>
628-
<span>Premium support: <span class="font-semibold">36 months</span></span>
629-
</li>
630-
<li class="flex items-center space-x-3">
631-
<!-- Icon -->
632-
<svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400" fill="currentColor"
633-
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
634-
<path fill-rule="evenodd"
635-
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
636-
clip-rule="evenodd"></path>
637-
</svg>
638-
<span>Free updates: <span class="font-semibold">36 months</span></span>
639-
</li>
640-
</ul>
641-
<a href="#"
642-
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900">Get
643-
started</a>
644-
</div>
562+
</div> -->
645563
</div>
646564
</div>
647565
</section>

src/assets/event-java.jpeg

141 KB
Loading

src/assets/placeholder.png

1.14 KB
Loading

src/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<title>JavaJungle</title>
77
<base href="/">
88
<meta name="viewport" content="width=device-width, initial-scale=1">
9-
<link rel="icon" type="image/x-icon" href="assets/logo-java-jugle.png2">
9+
<link rel="icon" type="image/x-icon" href="assets/logo-java-jugle.png">
1010

1111
<!-- Meta SEO -->
1212
<meta name="title" content="Landwind - Tailwind CSS Landing Page">

0 commit comments

Comments
 (0)