Skip to content

Commit 908149c

Browse files
takieliastakielias
committed
Added Marketing Layout
1 parent 685f5ec commit 908149c

File tree

4 files changed

+287
-0
lines changed

4 files changed

+287
-0
lines changed

‎resources/views/layouts/marketing.blade.php‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@section('body')
2+
<body class="body-marketing body-gradient">
3+
@include('tablar::partials.navbar.top-bar')
4+
@hasSection('content')
5+
@yield('content')
6+
@endif
7+
<!-- Page Error -->
8+
@include('tablar::error')
9+
@include('tablar::partials.footer.marketing-bottom')
10+
</body>
11+
@stop

‎resources/views/marketing.blade.php‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
@extends('tablar::master')
2+
3+
@inject('layoutHelper', 'TakiElias\Tablar\Helpers\LayoutHelper')
4+
5+
@section('tablar_css')
6+
@stack('css')
7+
@yield('css')
8+
@stop
9+
10+
@section('classes_body', $layoutHelper->makeBodyClasses())
11+
12+
@section('layout')
13+
@include('layouts.marketing')
14+
@show
15+
16+
@section('tablar_js')
17+
@stack('js')
18+
@yield('js')
19+
@stop
20+

‎resources/views/partials/footer/marketing-bottom.blade.php‎

Lines changed: 199 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,199 @@
1+
<footer class="footer">
2+
<div class="container">
3+
<div class="py-3">
4+
<div class="row g-lg-4">
5+
<div class="col-lg-7">
6+
<div class="row g-lg-4">
7+
<div class="col-md">
8+
<div class="subheader mb-3">Our products</div>
9+
<ul class="list-unstyled list-separated gap-2">
10+
<li><a class="link-secondary" href="">UI Kit</a></li>
11+
<li>
12+
<a class="link-secondary" href="">Open source icons</a>
13+
</li>
14+
<li>
15+
<a class="link-secondary" href="">Email templates</a>
16+
</li>
17+
<li><a class="link-secondary" href="">Pricing</a></li>
18+
</ul>
19+
</div>
20+
<div class="col-md">
21+
<div class="subheader mb-3">Support</div>
22+
<ul class="list-unstyled list-separated gap-2">
23+
<li><a class="link-secondary" href="">Blog</a></li>
24+
<li><a class="link-secondary" href="">Documentation</a></li>
25+
<li><a class="link-secondary" href="">Support</a></li>
26+
<li>
27+
<a href="https://status.tabler.io" class="link-secondary" target="_blank" rel="noreferrer">Status</a>
28+
</li>
29+
</ul>
30+
</div>
31+
<div class="col-md">
32+
<div class="subheader mb-3">Tabler</div>
33+
<ul class="list-unstyled list-separated gap-2">
34+
<li><a class="link-secondary" href="">About</a></li>
35+
<li><a class="link-secondary" href="">Blog</a></li>
36+
<li><a class="link-secondary" href="">Changelog</a></li>
37+
<li>
38+
<a href="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/tabler/tabler" class="link-secondary" target="_blank" rel="noreferrer">Github</a>
39+
</li>
40+
</ul>
41+
</div>
42+
</div>
43+
</div>
44+
<div class="col-lg-4 ml-auto">
45+
<div class="text-secondary">
46+
Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!
47+
</div>
48+
</div>
49+
</div>
50+
<div class="row g-lg-4 justify-content-between mt-0 mt-md-2">
51+
<div class="col-sm-7 col-md-6 col-lg-4">
52+
<h5 class="subheader">Payment &amp; Security</h5>
53+
<ul class="list-inline mb-0 mt-3">
54+
<li class="list-inline-item">
55+
<a href="#"><span class="payment payment-1 payment-provider-paypal"></span> </a>
56+
</li>
57+
<li class="list-inline-item">
58+
<a href="#"><span class="payment payment-1 payment-provider-visa"></span> </a>
59+
</li>
60+
<li class="list-inline-item">
61+
<a href="#"><span class="payment payment-1 payment-provider-mastercard"></span> </a>
62+
</li>
63+
<li class="list-inline-item">
64+
<a href="#"><span class="payment payment-1 payment-provider-americanexpress"></span> </a>
65+
</li>
66+
</ul>
67+
</div>
68+
<div class="col-sm-5 col-md-6 col-lg-3 text-sm-end">
69+
<h5 class="subheader">Follow us on</h5>
70+
<ul class="list-inline mb-0 mt-3">
71+
<li class="list-inline-item">
72+
<a class="btn btn-icon btn-facebook" href="#"
73+
><!-- Download SVG icon from http://tabler.io/icons/icon/brand-facebook -->
74+
<svg
75+
xmlns="http://www.w3.org/2000/svg"
76+
width="24"
77+
height="24"
78+
viewBox="0 0 24 24"
79+
fill="none"
80+
stroke="currentColor"
81+
stroke-width="2"
82+
stroke-linecap="round"
83+
stroke-linejoin="round"
84+
class="icon icon-1"
85+
>
86+
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg
87+
></a>
88+
</li>
89+
<li class="list-inline-item">
90+
<a class="btn btn-icon btn-instagram" href="#"
91+
><!-- Download SVG icon from http://tabler.io/icons/icon/brand-instagram -->
92+
<svg
93+
xmlns="http://www.w3.org/2000/svg"
94+
width="24"
95+
height="24"
96+
viewBox="0 0 24 24"
97+
fill="none"
98+
stroke="currentColor"
99+
stroke-width="2"
100+
stroke-linecap="round"
101+
stroke-linejoin="round"
102+
class="icon icon-1"
103+
>
104+
<path d="M4 8a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" />
105+
<path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />
106+
<path d="M16.5 7.5v.01" /></svg
107+
></a>
108+
</li>
109+
<li class="list-inline-item">
110+
<a class="btn btn-icon btn-twitter" href="#"
111+
><!-- Download SVG icon from http://tabler.io/icons/icon/brand-twitter -->
112+
<svg
113+
xmlns="http://www.w3.org/2000/svg"
114+
width="24"
115+
height="24"
116+
viewBox="0 0 24 24"
117+
fill="none"
118+
stroke="currentColor"
119+
stroke-width="2"
120+
stroke-linecap="round"
121+
stroke-linejoin="round"
122+
class="icon icon-1"
123+
>
124+
<path
125+
d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c0 -.249 1.51 -2.772 1.818 -4.013z"
126+
/></svg
127+
></a>
128+
</li>
129+
<li class="list-inline-item">
130+
<a class="btn btn-icon btn-linkedin" href="#"
131+
><!-- Download SVG icon from http://tabler.io/icons/icon/brand-linkedin -->
132+
<svg
133+
xmlns="http://www.w3.org/2000/svg"
134+
width="24"
135+
height="24"
136+
viewBox="0 0 24 24"
137+
fill="none"
138+
stroke="currentColor"
139+
stroke-width="2"
140+
stroke-linecap="round"
141+
stroke-linejoin="round"
142+
class="icon icon-1"
143+
>
144+
<path d="M8 11v5" />
145+
<path d="M8 8v.01" />
146+
<path d="M12 16v-5" />
147+
<path d="M16 16v-3a2 2 0 1 0 -4 0" />
148+
<path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg
149+
></a>
150+
</li>
151+
</ul>
152+
</div>
153+
</div>
154+
</div>
155+
</div>
156+
</footer>
157+
<footer class="footer">
158+
<div class="container">
159+
<div class="py-3 border-top-light text-center text-lg-start">
160+
<div class="row g-lg-4">
161+
<div class="col-lg-auto text-lg-end order-lg-last">
162+
<div class="row justify-center">
163+
<div class="col-auto">©<a href="https://codecalm.net" class="link-secondary" target="_blank" rel="noopener noreferrer">codecalm.net</a></div>
164+
<div class="col-auto">
165+
<ul class="list-inline list-inline-dots">
166+
<li class="list-inline-item">
167+
<a class="link-secondary" href="/terms-of-service">Terms of service</a>
168+
</li>
169+
<li class="list-inline-item">
170+
<a class="link-secondary" href="/privacy-policy">Privacy policy</a>
171+
</li>
172+
</ul>
173+
</div>
174+
</div>
175+
</div>
176+
<div class="col-lg">
177+
Made with
178+
<!-- Download SVG icon from http://tabler.io/icons/icon/heart -->
179+
<svg
180+
xmlns="http://www.w3.org/2000/svg"
181+
width="24"
182+
height="24"
183+
viewBox="0 0 24 24"
184+
fill="none"
185+
stroke="currentColor"
186+
stroke-width="2"
187+
stroke-linecap="round"
188+
stroke-linejoin="round"
189+
class="icon text-red icon-inline icon-4"
190+
>
191+
<path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" />
192+
</svg>
193+
in Poland.
194+
</div>
195+
</div>
196+
</div>
197+
</div>
198+
</footer>
199+

‎resources/views/partials/navbar/top-bar.blade.php‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<header class="navbar navbar-expand-lg navbar-transparent py-3">
2+
<div class="container">
3+
<!-- BEGIN NAVBAR LOGO --><a href=".." aria-label="Tabler" class="navbar-brand navbar-brand-autodark"
4+
><svg xmlns="http://www.w3.org/2000/svg" width="110" height="32" viewBox="0 0 232 68" class="navbar-brand-image">
5+
<path
6+
d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z"
7+
fill="#066fd1"
8+
style="fill: var(--tblr-primary, #066fd1)"
9+
/>
10+
<path
11+
d="M105.8 46.1c.4 0 .9.2 1.2.6s.6 1 .6 1.7c0 .9-.5 1.6-1.4 2.2s-2 .9-3.2.9c-2 0-3.7-.4-5-1.3s-2-2.6-2-5.4V31.6h-2.2c-.8 0-1.4-.3-1.9-.8s-.9-1.1-.9-1.9c0-.7.3-1.4.8-1.8s1.2-.7 1.9-.7h2.2v-3.1c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v3.1h3.4c.8 0 1.4.3 1.9.8s.8 1.2.8 1.9-.3 1.4-.8 1.8-1.2.7-1.9.7h-3.4v13c0 .7.2 1.2.5 1.5s.8.5 1.4.5c.3 0 .6-.1 1.1-.2.5-.2.8-.3 1.2-.3zm28-20.7c.8 0 1.5.3 2.1.8.5.5.8 1.2.8 2.1v20.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2-.8-.8-1.2-.8-2.1c-.8.9-1.9 1.7-3.2 2.4-1.3.7-2.8 1-4.3 1-2.2 0-4.2-.6-6-1.7-1.8-1.1-3.2-2.7-4.2-4.7s-1.6-4.3-1.6-6.9c0-2.6.5-4.9 1.5-6.9s2.4-3.6 4.2-4.8c1.8-1.1 3.7-1.7 5.9-1.7 1.5 0 3 .3 4.3.8 1.3.6 2.5 1.3 3.4 2.1 0-.8.3-1.5.8-2.1.5-.5 1.2-.7 2-.7zm-9.7 21.3c2.1 0 3.8-.8 5.1-2.3s2-3.4 2-5.7-.7-4.2-2-5.8c-1.3-1.5-3-2.3-5.1-2.3-2 0-3.7.8-5 2.3-1.3 1.5-2 3.5-2 5.8s.6 4.2 1.9 5.7 3 2.3 5.1 2.3zm32.1-21.3c2.2 0 4.2.6 6 1.7 1.8 1.1 3.2 2.7 4.2 4.7s1.6 4.3 1.6 6.9-.5 4.9-1.5 6.9-2.4 3.6-4.2 4.8c-1.8 1.1-3.7 1.7-5.9 1.7-1.5 0-3-.3-4.3-.9s-2.5-1.4-3.4-2.3v.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.5-.8-1.2-.8-2.1V18.9c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v10c.8-1 1.8-1.8 3.2-2.5 1.3-.7 2.8-1 4.3-1zm-.7 21.3c2 0 3.7-.8 5-2.3s2-3.5 2-5.8-.6-4.2-1.9-5.7-3-2.3-5.1-2.3-3.8.8-5.1 2.3-2 3.4-2 5.7.7 4.2 2 5.8c1.3 1.6 3 2.3 5.1 2.3zm23.6 1.9c0 .8-.3 1.5-.8 2.1s-1.3.8-2.1.8-1.5-.3-2-.8-.8-1.3-.8-2.1V18.9c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v29.7zm29.3-10.5c0 .8-.3 1.4-.9 1.9-.6.5-1.2.7-2 .7h-15.8c.4 1.9 1.3 3.4 2.6 4.4 1.4 1.1 2.9 1.6 4.7 1.6 1.3 0 2.3-.1 3.1-.4.7-.2 1.3-.5 1.8-.8.4-.3.7-.5.9-.6.6-.3 1.1-.4 1.6-.4.7 0 1.2.2 1.7.7s.7 1 .7 1.7c0 .9-.4 1.6-1.3 2.4-.9.7-2.1 1.4-3.6 1.9s-3 .8-4.6.8c-2.7 0-5-.6-7-1.7s-3.5-2.7-4.6-4.6-1.6-4.2-1.6-6.6c0-2.8.6-5.2 1.7-7.2s2.7-3.7 4.6-4.8 3.9-1.7 6-1.7 4.1.6 6 1.7 3.4 2.7 4.5 4.7c.9 1.9 1.5 4.1 1.5 6.3zm-12.2-7.5c-3.7 0-5.9 1.7-6.6 5.2h12.6v-.3c-.1-1.3-.8-2.5-2-3.5s-2.5-1.4-4-1.4zm30.3-5.2c1 0 1.8.3 2.4.8.7.5 1 1.2 1 1.9 0 1-.3 1.7-.8 2.2-.5.5-1.1.8-1.8.7-.5 0-1-.1-1.6-.3-.2-.1-.4-.1-.6-.2-.4-.1-.7-.1-1.1-.1-.8 0-1.6.3-2.4.8s-1.4 1.3-1.9 2.3-.7 2.3-.7 3.7v11.4c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.6-.8-1.3-.8-2.1V28.8c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v.6c.7-1.3 1.8-2.3 3.2-3 1.3-.7 2.8-1 4.3-1z"
12+
fill-rule="evenodd"
13+
clip-rule="evenodd"
14+
fill="#4a4a4a"
15+
/></svg></a
16+
><!-- END NAVBAR LOGO -->
17+
<button
18+
class="navbar-toggler"
19+
type="button"
20+
data-bs-toggle="collapse"
21+
data-bs-target="#navbarTogglerDemo01"
22+
aria-controls="navbarTogglerDemo01"
23+
aria-expanded="false"
24+
aria-label="Toggle navigation"
25+
>
26+
<span class="navbar-toggler-icon"></span>
27+
</button>
28+
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
29+
<nav class="navbar-nav ms-auto">
30+
<div class="nav-item">
31+
<a class="nav-link active" href="../marketing"><span class="nav-link-title">Home</span></a>
32+
</div>
33+
<div class="nav-item">
34+
<a class="nav-link" href="../marketing/testimonials.html"><span class="nav-link-title">Testimonials</span></a>
35+
</div>
36+
<div class="nav-item">
37+
<a class="nav-link" href="../marketing/pricing.html"><span class="nav-link-title">Pricing</span></a>
38+
</div>
39+
<div class="nav-item">
40+
<a class="nav-link" href="../marketing/about.html"><span class="nav-link-title">About</span></a>
41+
</div>
42+
<div class="nav-item">
43+
<a class="nav-link" href="../marketing/text.html"><span class="nav-link-title">Text</span></a>
44+
</div>
45+
<div class="nav-item">
46+
<a class="nav-link" href="../marketing/hero.html"><span class="nav-link-title">App</span></a>
47+
</div>
48+
<div class="nav-item">
49+
<a class="nav-link" href="../marketing/real-estate.html"><span class="nav-link-title">Real estate</span></a>
50+
</div>
51+
<div class="nav-item ms-4">
52+
<a href="#" class="btn btn-primary">Buy now</a>
53+
</div>
54+
</nav>
55+
</div>
56+
</div>
57+
</header>

0 commit comments

Comments
 (0)