landing_page/qdrant-landing/themes/qdrant/layouts/index.html

{{ 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-->
  

  {{ with (.Site.GetPage "section" "articles") }}
  <!-- 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>{{ .Title | safeHTML }}</h2>
        <div class="text">{{ .Params.subtitle | safeHTML }}
        </div>
      </div>
      <div class="row clearfix">
        
        {{ range $i, $e := first 3 .Pages }}
        
        {{ $link := .Permalink }}
        {{ if .Params.external_link }}
          {{ $link = .Params.external_link }}
        {{ end }}

        <!-- 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="{{ $link }}"><img src="{{ .Params.preview_image }}" alt=""/></a>
              </div>
              <div class="lower-content">
                <h5><a href="{{ $link }}">{{ .Title }}</a></h5>
                <div class="text">{{ .Params.description }}
                </div>
                <a href="{{ $link }}" class="theme-btn learn-btn"><span class="txt">Learn More</span></a>
              </div>
            </div>
          </div>
        </div>
        {{ end }}

      </div>
    </div>
  </section>
  <!-- End Projects Section Two -->

  {{ end }}

  <!-- 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>Get <span>Updates</span> from Qdrant</h2>
          <div class="text">We will write about new features that appear in Qdrant and novel examples of its applications.
          </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">Subscribe</span>
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End of Contact Section -->

{{ partial "footer" . }}