Skip to content

Commit

Permalink
New layout
Browse files Browse the repository at this point in the history
  • Loading branch information
that-guy-iain committed Oct 11, 2023
1 parent 7bf5eba commit 29be5f4
Show file tree
Hide file tree
Showing 26 changed files with 634 additions and 787 deletions.
Binary file added static/socialcards/47746941.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
179 changes: 91 additions & 88 deletions themes/billabear/layouts/_default/billabear-vs-stripe-billing.html

Large diffs are not rendered by default.

77 changes: 27 additions & 50 deletions themes/billabear/layouts/_default/invoices.html
Original file line number Diff line number Diff line change
@@ -1,65 +1,42 @@
{{ define "main" }}

{{- partial "menu.html" . -}}
<div class="container">
<div class="row">
<div class="sm:w-2/3 sm:m-auto">
<div class="sm:grid sm:grid-cols-2 sm:gap-5">
<div class="col-lg-6">
<div class="hero-txt-wrap">
<h1>Invoices</h1>
<p>Enable your system to support enterprise clients with invoice billing.</p>
<div class="hero_btn">
<a href="https://app.sessions.us/book/950e63e2-billabear---demo" class="common-bttn">Book Demo</a>
<h1 class="text-5xl font-bold mb-5">Invoices</h1>
<p class="mr-5 italic">Enable your system to support enterprise clients with invoice billing.</p>
<div class="mt-5">
<a href="https://app.sessions.us/book/950e63e2-billabear---demo" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 md:px-5 md:py-2.5 mr-1 md:mr-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Book Demo</a>
</div>
</div>
</div>
<div class="col-lg-6">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/0sSjYeym5vQ?si=-pKDm7iArNc8ysfa&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div>
</div>
</div>

<section class="developer-section pa-y6">
<div class="container">
<div class="row">
<div class="col-12">
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab"
tabindex="0">
<!-- Developer area start -->
<div class="row align-items-center mt-38">
<div class="col-xl-6 col-lg-6">
<div class="dev-img-box" data-aos="fade-up-right" data-aos-duration="1000">
<img src="/images/multiple-subscription.svg" alt="multiple" class="img-fluid">
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="devloper-txt-box">
<h2>Support Enterprise Clients</h2>
<p>BillaBear allows you to define a customer as a customer who pays by card or invoice.</p>
<a href="https://app.sessions.us/book/950e63e2-billabear---demo" class="common-bttn">Book Demo</a>
</div>
</div>
</div>
<div class="row align-items-center mt-38">
<div class="col-xl-6 order-2 order-lg-1 col-lg-6">
<div class="devloper-txt-box">
<h2>Handle one-off fees</h2>
<p>BillaBear allows you to bill customers one-off fees for things such as set-up fees or development work.</p>
<a href="https://app.sessions.us/book/950e63e2-billabear---demo" class="common-bttn">Book Demo</a>
</div>
</div>
<div class="col-xl-6 order-1 order-lg-2 col-lg-6">
<div class="dev-img-box" data-aos="fade-up-left" data-aos-duration="1000">
<img src="/images/multiple-subscription.svg" alt="multiple" class="img-fluid">
</div>
</div>
</div>
<!-- Developer area end -->
</div>
</div>
</div>
</div>
<section class="pt-16 sm:grid sm:grid-cols-2 sm:gap-3 sm:w-2/3 sm:m-auto">
<div class="p-3">
<img src="/images/mass-change.png" class="w-full border rounded-lg" />
</div>
<div class="p-3">
<h3 class="text-xl font-bold">Support Enterprise Clients</h3>
<p class="py-4">BillaBear allows you to define a customer as a customer who pays by card or invoice.</p>
<a href="https://app.sessions.us/book/950e63e2-billabear---demo" class="mt-4 rounded-2xl bg-blue-500 p-3 text-white font-semibold hover:bg-blue-400">Book Demo</a>
</div>
</section>
<!-- developer finance section @e -->



<section class="pt-16 sm:grid sm:grid-cols-2 sm:gap-3 sm:w-2/3 sm:m-auto">
<div class="p-3">
<h3 class="text-xl font-bold">Handle one-off fees</h3>
<p class="py-4">BillaBear allows you to bill customers one-off fees for things such as set-up fees or development work.</p>
<a href="https://app.sessions.us/book/950e63e2-billabear---demo" class="mt-4 rounded-2xl bg-blue-500 p-3 text-white font-semibold hover:bg-blue-400">Book Demo</a>
</div>
<div class="p-3">
<img src="/images/subscription-management.png" class="w-full border rounded-lg" />
</div>
</section>

{{ end }}
14 changes: 7 additions & 7 deletions themes/billabear/layouts/_default/list.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,23 +3,23 @@
{{- partial "menu.html" . -}}


<div class="container">
<div class="row">
<div class="sm:w-2/3 sm:m-auto">
<div class="sm:grid sm:grid-cols-3">

<div class="col-sm-8">
<h1> {{ .Title }}</h1>
<div class="sm:col-span-2">
<h1 class="text-4xl font-bold mb-12"> {{ .Title }}</h1>

{{ $paginator := .Paginate (where .Pages "Type" "posts") }}

{{ range $paginator.Pages }}
<section class="article">
<a href="{{ .Permalink }}" class="title"><h2 class="article-title">{{ .Title }}</h1></a>
<section class="py-5">
<a href="{{ .Permalink }}" class="title"><h2 class="text-2xl font-weight mb-5 hover:underline">{{ .Title }}</h1></a>

<div>
<article id="content">
{{ .Summary }}
</article>
<p><a href="{{ .Permalink }}" class="more">Read More...</a></p>
<p class="mt-5"><a href="{{ .Permalink }}" class="font-bold hover:underline">Read More...</a></p>
</div>
</section>

Expand Down
2 changes: 1 addition & 1 deletion themes/billabear/layouts/_default/page.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{{ define "main" }}

{{- partial "menu.html" . -}}
<main>
<main class="sm:w-2/3 sm:m-auto">
<article>
<header>
<h1>{{ .Title }}</h1>
Expand Down
Loading

0 comments on commit 29be5f4

Please sign in to comment.