[Django API] homepage - index.html

{% extends 'homepage/base.html' %}

{% block content %}

{% load static %}

{% load thumbnail %}

<!-- start banner Area -->

<section class="banner-area relative" id="home" style="background: url({% static 'homepage/img/main2.jpg' %}) center no-repeat; background-size:cover;">

    <div class="overlay overlay-bg"></div>  

    <div class="container">

        <div class="row fullscreen d-flex align-items-center justify-content-between">

            <div class="banner-content col-lg-9 col-md-12">

                <h1>

                    이제 정시예측은<br>

                    인공지능에게...           

                </h1>

                <br><br>

                <a href="http://aipass.prefity.com/webapp/" class="genric-btn primary-border circle" id="android_btn" style="font-size: medium;">

                    <i class="fa fa-google"></i>&nbsp;

                    Google Play</a>&nbsp;&nbsp;

                <a href="http://aipass.prefity.com/webapp/" class="genric-btn primary-border circle" id="iphone_btn" style="font-size: medium;">

                    <i class="fa fa-apple"></i>&nbsp;

                    Apple Store</a>

            </div>                                      

        </div>

    </div>                  

</section>

<!-- End banner Area -->

<!-- Start feature Area -->

<section class="feature-area" style="margin-bottom: 100px;">

    <div class="container">

        <div class="row">

            <div class="col-lg-4">

                <div class="single-feature">

                    <div class="title">

                        <h4>AI는 정확합니다.</h4>

                    </div>

                    <div class="desc-wrap">

                        <p>

                            정시예측의 핵심인 정확성을 위해 대학별 입시정보와 다양한 입시기관의 정보, 그리고 학생들의 과거 성적을 종합적으로 

                            분석하고 인공지능 기술을 활용하여 보다 정확한 예측을 제시합니다.

                        </p>

                        <!-- <a href="#">Join Now</a>                                    -->

                    </div>

                </div>

            </div>

            <div class="col-lg-4">

                <div class="single-feature">

                    <div class="title">

                        <h4>AI는 빠릅니다.</h4>

                    </div>

                    <div class="desc-wrap">

                        <p>

                            대학 및 정부 교육관련 기관에서 발표하는 다양한 입시관련 정보와 뉴스를 실시간으로 센싱하여 가공하고 이를 

                            관련있는 사용자에게 신속하게 전달하여 정보의 최신성을 유지합니다.

                        </p>

                        <!-- <a href="#">Join Now</a>                                    -->

                    </div>

                </div>

            </div>

            <div class="col-lg-4">

                <div class="single-feature">

                    <div class="title">

                        <h4>AI는 저렴합니다.</h4>

                    </div>

                    <div class="desc-wrap">

                        <p>

                            정확하고 신속한 정시예측 및 입시정보를 인공지능 기술을 활용하여 최소의 비용으로 제공하여, 

                            많은 학생들이 부담없이 활용할 수 있도록 합니다.

                        </p>

                        <!-- <a href="#">Join Now</a>                                    -->

                    </div>

                </div>

            </div>                                              

        </div>

    </div>  

</section>

<!-- End feature Area -->

            

<!-- start footer Area -->      

<footer class="footer-area section-gap">

    <div class="container">

        <div class="footer-bottom row align-items-center justify-content-between">

            <p class="footer-text m-0 col-lg-6 col-md-12"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->

Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | Made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">aiPass</a> &amp; distributed by <a href="https://themewagon.com" target="_blank">aiEnabler</a>

<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>

            <div class="col-lg-6 col-sm-12 footer-social">

                <a href="#"><i class="fa fa-facebook"></i></a>

                <a href="#"><i class="fa fa-twitter"></i></a>

                <a href="#"><i class="fa fa-dribbble"></i></a>

                <a href="#"><i class="fa fa-behance"></i></a>

            </div>

        </div>                      

    </div>

</footer>   

<!-- End footer Area -->    

{% endblock %}