krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-09-28 23:48:31 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
7855ed1a58106d3aa2f90b091fae93365cc14150
landing_page/qdrant-landing/themes/qdrant/layouts/index.html
T

439 lines
17 KiB
HTML
Raw Blame History

{{ partial "header" . }}
<!-- Banner Section -->
<section class="banner-section-two">
<div class="side-layer" style="background-image: url(/images/background/2.png)"></div>
<div class="outer-container">
<div class="auto-container">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<h1><span>Qdrant</span><br>Neural Search Engine</h1>
<div class="sec-title text mb-3">Build your own
AI-powered product with Qdrant - vector similarity search engine.
<h4 class="font-weight-bold mt-3 mb-0">It's Free and <a class="os-link" target="_blank" href="{{ .Site.Params.github }}">Open Source </a></h4>
</div>
<!-- Installation Section -->
<section class="installation-section">
<p>Get started by downloading a pre-build Docker Image - it is only 35Mb!</p>
<div class="code">
<code id="copy-code">docker pull generall/qdrant</code>
<span class="d-inline-block" id="copy-popover" data-toggle="popover" data-content="Text copied!">
<button class="copy-btn lead ml-4" data-clipboard-target="#copy-code" title="Copy code">
<i class="flaticon-copy"></i>
</button>
</span>
</div>
<p>Take a look through our <a target="_blank" href="{{ .Site.Params.quick_start }}">Quick Start Guide</a><br>
or build your own neural search with our step-by-step <a target="_blank" href="{{ .Site.Params.tutorial }}">Tutorial</a></p>
</section>
<!--End Installation Section-->
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<div data-depth="0.30" class="image">
<img src="/images/cube_less_dots_purple.png" alt=""/>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Banner Section -->
{{ with (.Site.GetPage "section" "features") }}
<!-- Feature Section -->
<section class="features-section">
<div class="auto-container">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-12 col-md-12 col-sm-12">
<div class="inner-column">
<!-- Sec Title -->
<div class="sec-title text-center">
<h2>{{ .Title | safeHTML }}</h2>
<div class="text">{{ .Content }}
</div>
</div>
<div class="row clearfix">
{{ range .Pages }}
<!-- Intelligence Block -->
<div class="feature-block col-lg-4 col-md-4 col-sm-12">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="icon-box d-flex justify-content-center">
<i class="flaticon-{{ .Params.icon }}"></i>
</div>
<h5><a>{{ .Title }}</a></h5>
<div class="text">
{{ .Content }}
</div>
</div>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</section>
{{ end }}
<!-- End Features Section -->
<!-- Business Section Two -->
{{ with (.Site.GetPage "section" "solutions") }}
<section class="business-section-two">
<div class="pattern-layer" style="background-image: url(/images/background/pattern-11.png)"></div>
<div class="auto-container">
<!-- Sec Title -->
<div class="sec-title centered">
<h2>{{ .Title | safeHTML }}</h2>
<div class="text">{{ .Params.subtitle }}</div>
</div>
<div class="inner-container">
<div class="pattern-layer-two" style="background-image: url(/images/background/3.png)"></div>
<!-- Business Info Tabs -->
<div class="business-info-tabs">
<!-- Business Tabs -->
<div class="business-tabs tabs-box">
<!--Tab Btns-->
<ul class="tab-btns tab-buttons clearfix">
{{ range $i, $e := first 3 .Pages }}
<li data-tab="#prod-{{ .Params.tabid }}" class="tab-btn {{ if not $i }}active-btn{{ end }} fadeInLeft">
<h5>{{ $e.Title | safeHTML }}</h5>
<i class="icon flaticon-{{ .Params.icon }}"></i>
</li>
{{ end }}
</ul>
{{ range $i, $e := first 3 .Pages }}
<!--Tabs Container-->
<div class="tabs-content">
<!--Tab / Active Tab-->
<div class="tab {{ if not $i }}active-tab{{ end }}" id="prod-{{ .Params.tabid }}">
<div class="content">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column mb-5">
{{ .Content }}
{{ if .Params.demo_link }}<a target="_blank" href="{{ .Params.demo_link }}" class="theme-btn btn-style-four"><span class="txt">Demo</span></a>{{end}}
{{ if .Params.tutorial_link }}<a target="_blank" href="{{ .Params.tutorial_link }}" class="theme-btn btn-style-four"><span class="txt">Tutorial</span></a>{{end}}
{{ if .Params.source_link }}<a target="_blank" href="{{ .Params.source_link }}" class="theme-btn btn-style-four"><span class="txt">Source Code</span></a>{{end}}
{{ if .Params.custom_link }}<a target="_blank" href="{{ .Params.custom_link }}" class="theme-btn btn-style-four"><span class="txt">{{ .Params.custom_link_name }}</span></a>{{end}}
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<div class="image">
<h5>{{ .Params.image_caption }}</h5>
<a data-caption="{{ .Params.image_caption }}"><img src="{{ .Params.image }}" alt=""/></a>
<!-- <a data-caption=""><img src="https://via.placeholder.com/536x513" alt=""/></a> -->
</div>
</div>
</div>
</div>
</div>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</section>
{{ end }}
<!-- End Business Section -->
<!--Clients Section-->
<section class="clients-section my-5">
<div class="sec-title text-center">
<h2>Who uses <span>Qdrant</span>?</h2>
</div>
<div class="auto-container">
<div class="sponsors-outer">
<!--Sponsors Carousel-->
<ul class="row clearfix">
<li class="col">
<figure class="image-box"><a href="#"><img src="https://via.placeholder.com/300x115" alt=""></a></figure>
</li>
<li class="col">
<figure class="image-box"><a href="#"><img src="https://via.placeholder.com/300x115" alt=""></a></figure>
</li>
</ul>
</div>
</div>
</section>
<!--End Clients Section-->
<!-- End Projects Section Two -->
<section class="projects-section-two" style="background-image: url(/images/background/pattern-9.png)">
<div class="auto-container">
<!-- Sec Title -->
<div class="sec-title centered">
<h2>Our Latest <span>Articles</span></h2>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu
sollicitudin. Maecenas a im-<br>perdiet libero, ac congue orci. Pellentesque et erat id leo tincidunt aliquam.
</div>
</div>
<div class="row clearfix">
<!-- Project Block -->
<div class="project-block col-lg-4 col-md-6 col-sm-12">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="block-content">
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/370x223" alt=""/></a>
</div>
<div class="lower-content">
<h5><a href="blog-detail.html">Metric Learning</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu
sollicitudin ac congue orci.
</div>
<a href="blog-detail.html" class="theme-btn learn-btn"><span class="txt">Learn More</span></a>
</div>
</div>
</div>
</div>
<!-- Project Block -->
<div class="project-block col-lg-4 col-md-6 col-sm-12">
<div class="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="block-content">
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/370x223" alt=""/></a>
</div>
<div class="lower-content">
<h5><a href="blog-detail.html">Vector Search Tutorial</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu
sollicitudin ac congue orci.
</div>
<a href="blog-detail.html" class="theme-btn learn-btn"><span class="txt">Learn More</span></a>
</div>
</div>
</div>
</div>
<!-- Project Block -->
<div class="project-block col-lg-4 col-md-6 col-sm-12">
<div class="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="block-content">
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/370x223" alt=""/></a>
</div>
<div class="lower-content">
<h5><a href="blog-detail.html">Filterable HNSW</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu
sollicitudin ac congue orci.
</div>
<a href="blog-detail.html" class="theme-btn learn-btn"><span class="txt">Learn More</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Projects Section Two -->
<!-- Contact Form Section -->
<section class="clients-section my-5">
<div class="auto-container">
<div class="row">
<div class="col-12 sec-title text-center">
<h2>Neural Search Engine</h2>
<div class="text">Build your own
AI-powered product
with Qdrant - vector search engine.
</div>
</div>
<div class="content-column offset-lg-3 col-lg-6 col-md-12 col-sm-12">
<!-- Newsletter Form -->
<div class="newsletter-form">
<form method="post" action="contact.html">
<div class="form-group">
<input type="email" name="email" value="" placeholder="Enter Your Email" required="">
<button type="submit" class="theme-btn btn-style-three"><span class="txt">Tell me more</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- End of Contact Section -->
<!-- Main Footer -->
<footer class="main-footer">
<div class="pattern-layer" style="background-image: url(/images/background/pattern-4.png)"></div>
<div class="pattern-layer-two" style="background-image: url(/images/background/pattern-5.png)"></div>
<div class="auto-container">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!-- Footer Column -->
<div class="footer-column col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget contact-widget">
<div class="footer-title">
<h4>Contact us</h4>
</div>
<ul class="contact-list">
<li><span class="icon fa fa-map-o"></span> Berlin</li>
<li><span class="icon fa fa-envelope"></span> <a href="mailto:info@qdrant.com">info@qdrant.com</a></li>
</ul>
</div>
</div>
<!-- Footer Column -->
<div class="footer-column col-lg-3 col-md-6 col-sm-12">
<div class="footer-widget contact-widget">
<div class="footer-title">
<h4>Navigation</h4>
</div>
<ul class="nav-list">
<li><a href="#">Home</a></li>
<li><a href="solutions.html">Solutions</a></li>
<li><a href="documentation.html">Documentation</a></li>
</ul>
</div>
</div>
<!-- Footer Column -->
<div class="footer-column col-lg-5 col-md-6 col-sm-12">
<div class="footer-widget news-widget">
<div class="footer-title">
<h4>Latest Blog Posts</h4>
</div>
<!-- Footer Column -->
<div class="widget-content">
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a>
</div>
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus
at.</a></h4>
</div>
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a>
</div>
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
</div>
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a>
</div>
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
</div>
</div>
<ul class="social-box">
<li><a href="https://github.com/qdrant/qdrant" target="_blank"><i class="flaticon-github"></i></a></li>
<li><a href="#" target="_blank"><i class="flaticon-linkedin"></i></a></li>
<li><a href="https://t.me/neural_network_engineering" target="_blank"><i
class="flaticon-telegram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="auto-container">
<div class="row clearfix">
<!-- Copyright Column -->
<div class="copyright-column col-lg-6 col-md-12 col-sm-12">
<div class="copyright">&copy; 2021 Qdrant. All Rights Reserved</div>
</div>
<!-- Language Column -->
<div class="language-column col-lg-6 col-md-12 col-sm-12">
<!--Language-->
<div class="language dropdown"><a class="btn btn-default dropdown-toggle" id="dropdownMenu2"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">Language:
English &nbsp;<span class="icon fa fa-angle-down"></span></a>
<ul class="dropdown-menu style-one" aria-labelledby="dropdownMenu2">
<li><a href="#">English</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End Main Footer -->
</div>
<!--End pagewrapper-->
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-up"></span></div>
<!-- Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="contact form" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Some Header</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<!-- Newsletter Form -->
<p>Some text about why customers should give their emails.</p>
<div class="newsletter-form">
<form method="post" action="contact.html">
<div class="form-group">
<input type="email" name="email" value="" placeholder="Enter Your Email" required="">
<button type="submit" class="theme-btn btn-style-three"><span class="txt">Tell me more</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End of Modal -->
{{ partial "footer" . }}
Reference in New Issue View Git Blame Copy Permalink