Skip to content

Replace Bulma CSS with Tailwind CSS #205

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
tamalsaha wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Replace Bulma CSS with Tailwind CSS #205

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions Makefile
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,10 @@ gen:
rm -rf public
hugo --config=config.dev.yaml

.PHONY: build-css
build-css:
npm run build:css

.PHONY: qa
qa: gen
firebase use default
Expand Down
30 changes: 15 additions & 15 deletions layouts/_default/c1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@
<!-- about hero area start -->
<section class="hero-area-2 bg-color-available">
<div class="container">
<div class="columns">
<div class="column is-6 is-offset-3 d-table">
<div class="hero-area-inner-2 has-text-centered d-table-cell">
<div class="flex justify-center">
<div class="w-full md:w-1/2 d-table">
<div class="hero-area-inner-2 text-center d-table-cell">
<h1>About Us</h1>
<p>{{ .Site.Data.products.appscode.summary }}</p>
</div>
Expand All @@ -22,9 +22,9 @@ <h1>About Us</h1>
<!-- about start -->
<section class="about-text-area section-padding">
<div class="container">
<div class="columns">
<div class="column is-8 is-offset-2">
<div class="about-text-inner has-text-centered">
<div class="flex justify-center">
<div class="w-full md:w-2/3">
<div class="about-text-inner text-center">
<p>
AppsCode Inc. was founded by <a href="https://www.linkedin.com/in/tamalsaha" class="ac-primary-color">Tamal Saha</a> in 2016. Before founding AppsCode, Tamal was a software engineer at Google and Amazon. He has a Master of Computer Science degree from University of Virginia. He completed his Bachelor’s degree in CSE from BUET, Dhaka, Bangladesh. He comes from Bangladesh.
</p>
Expand All @@ -41,8 +41,8 @@ <h1>About Us</h1>
<!-- message start -->
<section class="ceo-message section-padding pt-0">
<div class="container">
<div class="columns">
<div class="column is-5 is-offset-1-desktop">
<div class="flex flex-col md:flex-row gap-8">
<div class="w-full md:w-5/12">
<div class="ceo-message-wrapper">
<h2>Message from CEO</h2>
<p>
Expand All @@ -54,7 +54,7 @@ <h2>Message from CEO</h2>
</div>
</div>
</div>
<div class="column is-6 is-offset-1">
<div class="w-full md:w-1/2 md:ml-8">
<div class="ceo-image">
<div class="dots-style"></div>
<img src="/assets/images/appscode/appscode.png" alt="" />
Expand All @@ -68,15 +68,15 @@ <h2>Message from CEO</h2>
<!-- happy-customer start -->
<section class="our-customer-area section-padding">
<div class="container">
<div class="columns">
<div class="column is-6 is-offset-3">
<div class="section-title has-text-centered">
<div class="flex justify-center">
<div class="w-full md:w-1/2 text-center">
<div class="section-title text-center">
<h2>We Have Happy Customers <br />Around the World</h2>
</div>
</div>
</div>
<div class="columns">
<div class="column is-10 is-offset-1 has-text-centered">
<div class="flex justify-center">
<div class="w-full lg:w-10/12 text-center">
<div class="social-prove-brand-area">
<div class="brand-image-wrapper owl-carousel" id="brand-image-wrapper">
{{ range $customer := $.Site.Data.customers }}
Expand All @@ -103,7 +103,7 @@ <h2>Ready to Get Started?</h2>
<p>Create a Free Account and refer your friend</p>
</div>
</div>
<div class="column is-6 has-text-right is-mobile">
<div class="column is-6 text-right is-mobile">
<div class="cta-button d-table">
<div class="cta-button-inner d-table-cell">
<a
Expand Down
14 changes: 7 additions & 7 deletions layouts/_default/c1_tab.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@
<!-- about breadcrumb area start -->
<section class="hero-area-2 bg-color-available">
<div class="container">
<div class="columns">
<div class="column is-6 is-offset-3 d-table">
<div class="hero-area-inner-2 has-text-centered d-table-cell">
<div class="flex justify-center">
<div class="w-full md:w-1/2 d-table">
<div class="hero-area-inner-2 text-center d-table-cell">
<h1>{{ .Title }}</h1>
</div>
</div>
Expand All @@ -21,8 +21,8 @@ <h1>{{ .Title }}</h1>
<!-- terms of service-area start -->
<section class="section-padding">
<div class="container">
<div class="columns">
<div class="column is-3">
<div class="flex flex-col md:flex-row gap-8">
<div class="w-full md:w-1/4">
<div class="kd-left-sidebar appscode-style">
<div class="kd-sidebar-menu">
{{ $currentPage := . }}
Expand All @@ -36,7 +36,7 @@ <h1>{{ .Title }}</h1>
</div>
</div>
</div>
<div class="column is-9">
<div class="w-full md:w-3/4">
<div class="full-info appscode-style">
{{ .Content }}
</div>
Expand All @@ -57,7 +57,7 @@ <h2>Ready to Get Started?</h2>
<p>Create a Free Account and refer your friend</p>
</div>
</div>
<div class="column is-6 has-text-right is-mobile">
<div class="column is-6 text-right is-mobile">
<div class="cta-button d-table">
<div class="cta-button-inner d-table-cell">
<a
Expand Down
32 changes: 16 additions & 16 deletions layouts/_default/consulting.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@
<!-- about hero area start -->
<section class="hero-area-2">
<div class="container">
<div class="columns">
<div class="column is-8 is-offset-2 d-table">
<div class="hero-area-inner-2 has-text-centered d-table-cell">
<div class="flex justify-center">
<div class="w-full md:w-2/3 d-table">
<div class="hero-area-inner-2 text-center d-table-cell">
<h1 data-aos="fade-up">Our Experts are Your Experts</h1>
<p data-aos="fade-up" data-aos-duration="800">
AppsCode consultants work hand-in-hand with customers. Our
Expand All @@ -29,7 +29,7 @@ <h1 data-aos="fade-up">Our Experts are Your Experts</h1>
<!-- about hero area end -->

<!-- consulting illustration area start -->
<div class="illustration-area illustration-1 mt-30 is-hidden-touch"></div>
<div class="illustration-area illustration-1 mt-30 hidden lg:block"></div>
<!-- consulting illustration area end -->

<!-- consulting-area start -->
Expand Down Expand Up @@ -106,19 +106,19 @@ <h2>Production Readiness Review</h2>
<!-- package-area start -->
<section class="package-area pb-80">
<div class="container">
<div class="columns">
<div class="column is-full-tablet is-two-thirds-desktop is-offset-2-desktop has-text-centered">
<div class="flex justify-center">
<div class="w-full lg:w-2/3 text-center">
<!-- title start -->
<div class="section-title" data-aos="fade-up">
<h2>AppsCode offers different staffing models to match your needs</h2>
</div>
<!-- title end -->
</div>
</div>
<div class="columns">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- bundle start -->
<div class="column is-4" data-aos="fade-up">
<div class="single-package-wrapper has-text-centered">
<div data-aos="fade-up">
<div class="single-package-wrapper text-center">
<h4>Pre-packaged bundles</h4>
<p>
Production Readiness Review will validate existing work on
Expand All @@ -128,8 +128,8 @@ <h4>Pre-packaged bundles</h4>
</div>
<!-- bundle end -->
<!-- bundle start -->
<div class="column is-4" data-aos="fade-up" data-aos-duration="800">
<div class="single-package-wrapper has-text-centered">
<div data-aos="fade-up" data-aos-duration="800">
<div class="single-package-wrapper text-center">
<h4>Project aligned delivery</h4>
<p>
Develop custom tooling for Kubernetes based on scoping
Expand All @@ -139,8 +139,8 @@ <h4>Project aligned delivery</h4>
</div>
<!-- bundle end -->
<!-- bundle start -->
<div class="column is-4" data-aos="fade-up" data-aos-duration="1000">
<div class="single-package-wrapper has-text-centered">
<div data-aos="fade-up" data-aos-duration="1000">
<div class="single-package-wrapper text-center">
<h4>Resident architect</h4>
<p>
Our engineer will work side-by-side with your Devops
Expand All @@ -157,8 +157,8 @@ <h4>Resident architect</h4>
<!-- testimonial area start -->
<section class="testimonial-area-2 mb-80">
<div class="container">
<div class="columns">
<div class="column">
<div>
<div>
<div class="testimonial-wrapper">
<div class="quote-icon" data-aos="fade-up">
<img src="/assets/images/consulting-page/quote.png" alt="" />
Expand All @@ -168,7 +168,7 @@ <h1 data-aos="fade-up" data-aos-duration="800">
</h1>


<div class="testimonial-client-info is-pulled-right" data-aos="fade-up" data-aos-duration="1000">
<div class="ml-auto" data-aos="fade-up" data-aos-duration="1000">
<div class="client-thumb">
<img src="https://cdn.appscode.com/images/customers/persons/luca_ravazzolo.png" alt="Mario Kozjak">
</div>
Expand Down
8 changes: 4 additions & 4 deletions layouts/_default/contact_us.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@
<!-- about hero area start -->
<section class="contact-hero">
<div class="container">
<div class="columns">
<div class="column is-6 d-table">
<div class="has-text-left">
<div class="flex flex-col md:flex-row gap-8">
<div class="w-full md:w-1/2 d-table">
<div class="text-left">
<h2 class="is-font-weight-bold">Send us a note &<br/>
We will be in touch shortly</h2>
<p>Got questions about our services or need assistance? We're here to help! At AppsCode, we're passionate about empowering businesses with cutting-edge solutions for Kubernetes and cloud-native technologies.</p>
Expand Down Expand Up @@ -87,7 +87,7 @@ <h6>Dhaka Office</h6>
<!-- single location end -->
</div>
</div>
<div class="column is-6">
<div class="w-full md:w-1/2">
<div class="contact-form modify-contact-form">
<!-- please remove the form and add your generate form style -->
<div class="contact-form-inner">
Expand Down
4 changes: 2 additions & 2 deletions layouts/_default/contact_us_update.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@
<!-- navbar area end -->

<!-- body-content start -->
<div class="contact-page-body is-flex">
<div class="contact-page-body flex">
<!-- left content start -->
<div class="left-content">
<h1>
Expand Down Expand Up @@ -170,7 +170,7 @@ <h3>Contact us</h3>

<!-- footer content start -->
<div class="footer-wrapper">
<div class="footer-content is-flex is-align-items-center is-justify-content-space-between">
<div class="footer-content flex items-center is-justify-content-space-between">
<div class="footer-left">
<p>© 2021 AppsCode Inc. All rights reserved.</p>
</div>
Expand Down
6 changes: 2 additions & 4 deletions layouts/_default/meet-expert.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,8 @@

<section>
<div class="container">
<div class="columns">
<div class="column has-text-centered">
<div class="schedule-title">
<div class="text-center">
<div class="schedule-title">
<h2>Talk to a product expert about
{{ if $productName }}
{{ index $.Site.Data.products .Params.product_name "name" }}
Expand All @@ -16,7 +15,6 @@ <h2>Talk to a product expert about
</h2>
</div>
</div>
</div>
</div>
</section>
<!-- Calendly inline widget begin -->
Expand Down
43 changes: 17 additions & 26 deletions layouts/_default/partner.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,41 +9,32 @@
<img class="right-el" src="/assets/images/shape/decorative-el.svg" alt="decorative-el">
</span>
<div class="container">
<div class="columns is-multiline is-centered">
<div class="column is-10-tablet is-8-desktop">
<div class="section-title has-text-centered">
<div class="flex justify-center">
<div class="w-full lg:w-2/3">
<div class="section-title text-center">
<h1>AppsCode Partners</h1>
<p>Empower your growth with AppsCode! We unite advanced database technologies and service providers to deliver transformative solutions worldwide.</p>
</div>
</div>
</div>
<div class="columns is-multiline is-centered">
<div class="column is-4">
<div class="single-feature card-view has-text-centered">
<div class="icon">
<img src="/assets/images/products/appscode/icons/global/resources.png" alt="Access to Exclusive Resources" loading="lazy">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
</div>
<div class="content">
<h4>Access to Exclusive Resources</h4>
<p>Gain access to our marketing materials, resources, and dedicated support to help you succeed</p>
</div>
</div>
</div>
<div class="column is-4">
<div class="single-feature card-view has-text-centered">
<div class="icon">
<img src="/assets/images/products/appscode/icons/global/expand.png" alt="Expand Your Reach" loading="lazy">
<div>
</div>
<div class="content">
<h4>Expand Your Reach</h4>
<p>Partnering with us means expanding your reach and tapping into new markets</p>
</div>
</div>
</div>
<div class="column is-4">
<div class="single-feature card-view has-text-centered">
<div class="icon">
<img src="/assets/images/products/appscode/icons/global/commission.png" alt="Earn Competitive Commissions" loading="lazy">
<div>
</div>
<div class="content">
<h4>Earn Competitive Commissions</h4>
Expand All @@ -66,9 +57,9 @@ <h4>Earn Competitive Commissions</h4>

<section class="showcase-partner section-padding">
<div class="container">
<div class="columns is-multiline is-centered">
<div class="column is-10-tablet is-8-desktop">
<div class="section-title has-text-centered mb-0">
<div class="flex justify-center">
<div class="w-full lg:w-2/3">
<div class="section-title text-center mb-0">
<h2>Cloud Partners</h2>
<p class="mb-0">An industry-leading group of cloud providers integrate with AppsCode's powerful Kubernetes Solutions to provide enhanced value to their customers.</p>
</div>
Expand All @@ -93,9 +84,9 @@ <h2>Cloud Partners</h2>
<img class="right-el" src="/assets/images/shape/decorative-el.svg" alt="decorative-el">
</span>
<div class="container">
<div class="columns is-multiline is-centered">
<div class="column is-10">
<div class="section-title has-text-centered mb-0">
<div class="flex justify-center">
<div class="w-full lg:w-5/6">
<div class="section-title text-center mb-0">
<h2>Technology Partners</h2>
</div>

Expand All @@ -117,7 +108,7 @@ <h2>Technology Partners</h2>
<div class="container">
<div class="columns is-multiline is-centered">
<div class="column is-10">
<div class="section-title has-text-centered mb-0">
<div class="section-title text-center mb-0">
<h2>System Integrators</h2>
</div>

Expand All @@ -141,10 +132,10 @@ <h2>System Integrators</h2>
<img class="right-el" src="/assets/images/shape/decorative-el.svg" alt="decorative-el">
</span>
<div class="container">
<div class="columns is-centered">
<div class="column is-10">
<div class="flex justify-center">
<div class="w-full lg:w-5/6">
<div class="contact-form-wrapper section-padding">
<div class="section-title has-text-centered mb-0">
<div class="section-title text-center mb-0">
<h2>Ready to become a partner? <br> Join our program today and start earning!</h2>
</div>
<div class="form-content">
Expand Down
Loading
Loading