[Django Homepage] base.html
{% load static %}
{% load sass_tags %}
<!DOCTYPE html>
<html lang="zxx" class="no-js">
<head>
<!-- Mobile Specific Meta -->
<!-- <meta name="viewport" content="width=1024"> -->
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Never 사이트 검증 코드 -->
<meta name="naver-site-verification" content="1e1c586d8eadb2b411f83f5ce181a5e8b07aff96"/>
<!-- 대표 URL -->
<link rel="canonical" href="http://bioexpert.prefity.com">
<!-- Favicon-->
<link rel="shortcut icon" href="{% static 'homepage/img/fav.png' %}">
<!-- Author Meta -->
<meta name="author" content="바이오전문가">
<!-- Meta Description -->
<meta name="description" content="바이오전문가">
<!-- Meta Keyword -->
<meta name="keywords" content="바이오전문가">
<!-- meta character set -->
<meta charset="UTF-8">
<meta property="og:type" content="website">
<meta property="og:title" content="바이오전문가">
<meta property="og:description" content="바이오전문가">
<meta property="og:image" content="{% static 'homepage/img/fav.png' %}">
<meta property="og:url" content="http://bioexpert.prefity.com">
<!-- Site Title -->
<title>bioexpert</title>
<!-- Start CSS -->
<!-- Start Education Template CSS -->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
<link rel="stylesheet" href="{% static 'homepage/css/linearicons.css' %}">
<link rel="stylesheet" href="{% static 'homepage/css/font-awesome.min.css' %}">
<link rel="stylesheet" href="{% sass_src 'homepage/scss/bootstrap.scss' %}">
<link rel="stylesheet" href="{% static 'homepage/css/magnific-popup.css' %}">
<link rel="stylesheet" href="{% static 'homepage/css/nice-select.css' %}">
<link rel="stylesheet" href="{% static 'homepage/css/animate.min.css' %}">
<link rel="stylesheet" href="{% static 'homepage/css/owl.carousel.css' %}">
<link rel="stylesheet" href="{% static 'homepage/css/jquery-ui.css' %}">
<link rel="stylesheet" href="{% sass_src 'homepage/scss/main.scss' %}">
<!-- End Education Template CSS -->
</head>
<body>
<header id="header" id="home">
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-lg-6 col-sm-6 col-6 header-top-left no-padding">
<ul>
{% if init_objects.menu_top_left %}
{% for object in init_objects.menu_top_left %}
<li>
{% if object.url_type.name == 'internal' %}
<a href="{% url object.url %}">{{ object.title }}</a>
{% elif object.url_type.name == 'external' %}
<a href="{{ object.url }}">{{ object.title }}</a>
{% elif object.url_type.name == 'section' %}
<a href="{% url object.url %}#{{ object.name }}">{{ object.title }}</a>
{% elif object.url_type.name == 'class' %}
<a href="javascript:void(0);" class="{{ object.url }}" data-url="{% url object.url %}">{{ object.title }}</a>
{% elif object.url_type.name == 'modal' %}
<a href="javascript:void(0);" data-toggle="modal" data-target="#{{ object.name }}">{{ object.title }}</a>
{% elif object.url_type.name == 'page' %}
<a href="{% url object.url object.url_parameter %}">{{ object.title }}</a>
{% else %}
<a href="" target="_blank">{{ object.title }}</a>
{% endif %}
</li>
{% endfor %}
{% endif %}
</ul>
</div>
<div class="col-lg-6 col-sm-6 col-6 header-top-right no-padding">
<ul>
{% if init_objects.menu_top_right %}
{% for object in init_objects.menu_top_right %}
<li>
{% if object.url_type.name == 'internal' %}
<a href="{% url object.url %}">
{% elif object.url_type.name == 'external' %}
<a href="{{ object.url }}">
{% elif object.url_type.name == 'section' %}
<a href="{% url object.url %}#{{ object.name }}">
{% elif object.url_type.name == 'class' %}
<a href="javascript:void(0);" class="{{ object.url }}" data-url="{% url object.url %}">
{% elif object.url_type.name == 'modal' %}
<a href="javascript:void(0);" data-toggle="modal" data-target="#{{ object.name }}">
{% elif object.url_type.name == 'page' %}
<a href="{% url object.url object.url_parameter %}">
{% else %}
<a href="" target="_blank">
{% endif %}
<span class="{{ object.text1 }}"></span> <span class="text">{{ object.title }}</span>
</a>
</li>
{% endfor %}
{% endif %}
{% if user.is_authenticated %}
<li><a href="javascript:void(0);">
<span class="fa fa-user-circle-o fa-sm"></span> <span class="text">{{ user.username }}</span>
</a></li>
<li><a href="{% url 'logout' %}">
<span class="fa fa-sign-out fa-sm"></span> <span class="text">로그아웃</span>
</a></li>
{% else %}
<li><a href="javascript:void(0);" class="signup_btn" data-url="{% url 'signup_btn' %}">
<span><i class="fa fa-handshake-o fa-sm"></i></span> <span class="text">회원가입</span>
</a></li>
<li><a href="javascript:void(0);" class="login_btn" data-url="{% url 'login_btn' %}">
<span><i class="fa fa-sign-in fa-lg"></i></span> <span class="text">로그인</span>
</a></li>
{% endif %}
</ul>
</div>
</div>
</div>
</div>
<div class="container main-menu">
<div class="row align-items-center justify-content-between d-flex">
<div id="logo">
{% if init_objects.logo %}
{% for object in init_objects.logo %}
<a href="{% url object.url %}">{{ object.title }}</a>
{% endfor %}
{% else %}
No logo.
{% endif %}
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
{% if init_objects.menu_main %}
{% for object in init_objects.menu_main %}
{% if object.content_pid.count > 0 %}
<li class="menu-has-children">
{% if object.url_type.name == 'internal' %}
<a href="{% url object.url %}">{{ object.title }}</a>
{% elif object.url_type.name == 'external' %}
<a href="{{ object.url }}">{{ object.title }}</a>
{% elif object.url_type.name == 'section' %}
<a href="{% url object.url %}#{{ object.name }}">{{ object.title }}</a>
{% elif object.url_type.name == 'class' %}
<a href="javascript:void(0);" class="{{ object.url }}" data-url="{% url object.url %}">{{ object.title }}</a>
{% elif object.url_type.name == 'modal' %}
<a href="javascript:void(0);" data-toggle="modal" data-target="#{{ object.name }}">{{ object.title }}</a>
{% elif object.url_type.name == 'page' %}
<a href="{% url object.url object.url_parameter %}">{{ object.title }}</a>
{% else %}
<a href="" target="_blank">{{ object.title }}</a>
{% endif %}
<ul>
{% for sub in object.content_pid.all %}
<li>
{% if sub.url_type.name == 'internal' %}
<a href="{% url sub.url %}">{{ sub.title }}</a>
{% elif sub.url_type.name == 'external' %}
<a href="{{ sub.url }}">{{ sub.title }}</a>
{% elif sub.url_type.name == 'section' %}
<a href="{% url sub.url %}#{{ sub.name }}">{{ sub.title }}</a>
{% elif sub.url_type.name == 'class' %}
<a href="javascript:void(0);" class="{{ sub.url }}" data-url="{% url sub.url %}">{{ sub.title }}</a>
{% elif sub.url_type.name == 'modal' %}
<a href="javascript:void(0);" data-toggle="modal" data-target="#{{ sub.name }}">{{ sub.title }}</a>
{% elif sub.url_type.name == 'page' %}
<a href="{% url sub.url sub.url_parameter %}">{{ sub.title }}</a>
{% else %}
<a href="" target="_blank">{{ sub.title }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
</li>
{% else %}
<li>
{% if object.url_type.name == 'internal' %}
<a href="{% url object.url %}">{{ object.title }}</a>
{% elif object.url_type.name == 'external' %}
<a href="{{ object.url }}">{{ object.title }}</a>
{% elif object.url_type.name == 'section' %}
<a href="{% url object.url %}#{{ object.name }}">{{ object.title }}</a>
{% elif object.url_type.name == 'class' %}
<a href="javascript:void(0);" class="{{ object.url }}" data-url="{% url object.url %}">{{ object.title }}</a>
{% elif object.url_type.name == 'modal' %}
<a href="javascript:void(0);" data-toggle="modal" data-target="#{{ object.name }}">{{ object.title }}</a>
{% elif object.url_type.name == 'page' %}
<a href="{% url object.url object.url_parameter %}">{{ object.title }}</a>
{% else %}
<a href="" target="_blank">{{ object.title }}</a>
{% endif %}
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</nav>
</div>
</div>
</header>
{% block content %}
{% endblock %}
<div id="viewport_mode" data-mode="{{ device.is_xs }}"></div>
<!-- start footer Area -->
<footer class="footer-area section-gap" style="margin-top: 0px; padding-top: 0px;">
<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">
{% if init_objects.footer_menu %}
{% for object in init_objects.footer_menu %}
{% if object.url_type.name == 'internal' %}
<a href="{% url object.url %}">{{ object.title }}</a>
{% elif object.url_type.name == 'external' %}
<a href="{{ object.url }}">{{ object.title }}</a>
{% elif object.url_type.name == 'section' %}
<a href="{% url object.url %}#{{ object.name }}">{{ object.title }}</a>
{% elif object.url_type.name == 'class' %}
<a href="javascript:void(0);" class="{{ object.url }}" data-url="{% url object.url %}">{{ object.title }}</a>
{% elif object.url_type.name == 'modal' %}
<a href="javascript:void(0);" data-toggle="modal" data-target="#{{ object.name }}">{{ object.title }}</a>
{% elif object.url_type.name == 'page' %}
<a href="{% url object.url object.url_parameter %}">{{ object.title }}</a>
{% else %}
<a href="" target="_blank">{{ object.title }}</a>
{% endif %}
{% if init_objects.footer_menu.count > forloop.counter %}
|
{% endif %}
{% endfor %}
{% endif %}
{% if device.is_xs %}
| <a href="javascript:void(0);" id="change_viewport" data-mode="mobile">PC버전보기</a>
{% endif %}
</p>
<div class="col-lg-6 col-sm-12 footer-social">
<div class="single-element-widget">
<div class="default-select" id="default-select">
<select onchange="if(this.value) window.open(this.value);">
{% if init_objects.related_site %}
{% for item in init_objects.related_site %}
{% if item.content_type1.code_ko == 'title' %}
<option value="">{{ item.title }}</option>
{% else %}
<option value="{{ item.url }}">{{ item.title }}</option>
{% endif %}
{% endfor %}
{% else %}
No related_stie.
{% endif %}
</select>
</div>
</div>
</div>
</div>
<div class="footer-bottom row align-items-center justify-content-between" style="padding-top: 0px;">
<p class="footer-text m-0 col-lg-6 col-md-12">
{% if init_objects.address %}
{% for object in init_objects.address %}
{% if object.name == 'address' %}
{{ object.description|safe }}
{% endif %}
{% endfor %}
{% endif %}
</p>
</div>
</div>
</footer>
<!-- End footer Area -->
<!-- Modal for django bootstrap modal form -->
<div class="modal fade" tabindex="-1" role="dialog" id="modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
</div>
</div>
</div>
<!-- 메시지 modal -->
<div class="modal fade" id="site_message_modal">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
{% if messages %}
{% for message in messages %}
<div>{{ message.tags }}</div>
{% endfor %}
{% endif %}
</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
{% if messages %}
{% for message in messages %}
<div style="text-align: center;">{{ message|safe }}</div>
{% endfor %}
{% endif %}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
{% if messages %}
{% for message in messages %}
<input type="text" id="site_message_tag" value="{{ message.tags }}" hidden>
<input type="text" id="site_message_level" value="{{ message.level }}" hidden>
<input type="text" id="site_message" value="{{ message }}"hidden>
{% endfor %}
{% endif %}
<!-- 이용약관 modal -->
<div class="modal" id="using_rule">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">이용약관</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12" style="overflow: scroll; height: 450px; padding: 0px 20px 0px 20px;">
{% if init_objects.footer_menu %}
{% for object in init_objects.footer_menu %}
{% if object.name == 'using_rule' %}
{{ object.content_body|safe }}
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">닫기</button>
</div>
</div>
</div>
</div>
<!-- 개인정보처리방침 modal -->
<div class="modal" id="security_rule">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">개인정보취급방침</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12" style="overflow: scroll; height: 450px; padding: 0px 20px 0px 20px;">
{% if init_objects.footer_menu %}
{% for object in init_objects.footer_menu %}
{% if object.name == 'security_rule' %}
{{ object.content_body|safe }}
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">닫기</button>
</div>
</div>
</div>
</div>
<!-- 마케팅동의 modal -->
<div class="modal" id="marketing">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">개인정보 수집 및 활용 동의</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12" style="overflow: scroll; height: 450px; padding: 0px 20px 0px 20px;">
{% if init_objects.footer_menu %}
{% for object in init_objects.footer_menu %}
{% if object.name == 'marketing_rule' %}
{{ object.content_body|safe }}
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">닫기</button>
</div>
</div>
</div>
</div>
<!-- Start js -->
<!-- Start Education Template js -->
<script src="{% static 'homepage/js/vendor/jquery-2.2.4.min.js' %}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="{% static 'homepage/js/vendor/bootstrap.min.js' %}"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAD48R3HAL0uQjF3RlrLzSXF61Am_CypKE"></script>
<script src="{% static 'homepage/js/easing.min.js' %}"></script>
<script src="{% static 'homepage/js/hoverIntent.js' %}"></script>
<script src="{% static 'homepage/js/superfish.min.js' %}"></script>
<script src="{% static 'homepage/js/jquery.ajaxchimp.min.js' %}"></script>
<script src="{% static 'homepage/js/jquery.magnific-popup.min.js' %}"></script>
<script src="{% static 'homepage/js/jquery.tabs.min.js' %}"></script>
<script src="{% static 'homepage/js/jquery.nice-select.min.js' %}"></script>
<script src="{% static 'homepage/js/owl.carousel.min.js' %}"></script>
<script src="{% static 'homepage/js/mail-script.js' %}"></script>
<!-- Start django-bootstrap-modal-forms js -->
<script src="{% static 'homepage/js/jquery.bootstrap.modal.forms.min.js' %}"></script>
<!-- End django-bootstrap-modal-forms js -->
<script src="{% static 'homepage/js/main.js' %}"></script>
<!-- End Education Template js -->
<!-- Start Site js -->
<script src="{% static 'homepage/js/site.js' %}"></script>
<!-- End Site js -->
<!-- End js -->
</body>
</html>
댓글
댓글 쓰기