project init
|
@ -0,0 +1,369 @@
|
||||||
|
<div class="album py-5 bg-light">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
|
||||||
|
<div class="col">
|
||||||
|
<div class="card shadow-sm">
|
||||||
|
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Заполнитель: Миниатюра" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">صورة مصغرة</text></svg>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Это более широкая карточка с вспомогательным текстом ниже, который служит естественным введением в дополнительный контент. </font><font style="vertical-align: inherit;">Этот контент немного длиннее.</font></font></p>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Предложение</font></font></button>
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">поправка</font></font></button>
|
||||||
|
</div>
|
||||||
|
<small class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">9 минут</font></font></small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card shadow-sm">
|
||||||
|
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Заполнитель: Миниатюра" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">صورة مصغرة</text></svg>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Это более широкая карточка с вспомогательным текстом ниже, который служит естественным введением в дополнительный контент. </font><font style="vertical-align: inherit;">Этот контент немного длиннее.</font></font></p>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Предложение</font></font></button>
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">поправка</font></font></button>
|
||||||
|
</div>
|
||||||
|
<small class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">9 минут</font></font></small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card shadow-sm">
|
||||||
|
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Заполнитель: Миниатюра" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">صورة مصغرة</text></svg>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Это более широкая карточка с вспомогательным текстом ниже, который служит естественным введением в дополнительный контент. </font><font style="vertical-align: inherit;">Этот контент немного длиннее.</font></font></p>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Предложение</font></font></button>
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">поправка</font></font></button>
|
||||||
|
</div>
|
||||||
|
<small class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">9 минут</font></font></small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col">
|
||||||
|
<div class="card shadow-sm">
|
||||||
|
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Заполнитель: Миниатюра" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">صورة مصغرة</text></svg>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Это более широкая карточка с вспомогательным текстом ниже, который служит естественным введением в дополнительный контент. </font><font style="vertical-align: inherit;">Этот контент немного длиннее.</font></font></p>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Предложение</font></font></button>
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">поправка</font></font></button>
|
||||||
|
</div>
|
||||||
|
<small class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">9 минут</font></font></small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card shadow-sm">
|
||||||
|
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Заполнитель: Миниатюра" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">صورة مصغرة</text></svg>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Это более широкая карточка с вспомогательным текстом ниже, который служит естественным введением в дополнительный контент. </font><font style="vertical-align: inherit;">Этот контент немного длиннее.</font></font></p>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Предложение</font></font></button>
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">поправка</font></font></button>
|
||||||
|
</div>
|
||||||
|
<small class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">9 минут</font></font></small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card shadow-sm">
|
||||||
|
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Заполнитель: Миниатюра" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">صورة مصغرة</text></svg>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Это более широкая карточка с вспомогательным текстом ниже, который служит естественным введением в дополнительный контент. </font><font style="vertical-align: inherit;">Этот контент немного длиннее.</font></font></p>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Предложение</font></font></button>
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">поправка</font></font></button>
|
||||||
|
</div>
|
||||||
|
<small class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">9 минут</font></font></small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col">
|
||||||
|
<div class="card shadow-sm">
|
||||||
|
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Заполнитель: Миниатюра" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">صورة مصغرة</text></svg>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Это более широкая карточка с вспомогательным текстом ниже, который служит естественным введением в дополнительный контент. </font><font style="vertical-align: inherit;">Этот контент немного длиннее.</font></font></p>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Предложение</font></font></button>
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">поправка</font></font></button>
|
||||||
|
</div>
|
||||||
|
<small class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">9 минут</font></font></small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card shadow-sm">
|
||||||
|
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Заполнитель: Миниатюра" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">صورة مصغرة</text></svg>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Это более широкая карточка с вспомогательным текстом ниже, который служит естественным введением в дополнительный контент. </font><font style="vertical-align: inherit;">Этот контент немного длиннее.</font></font></p>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Предложение</font></font></button>
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">поправка</font></font></button>
|
||||||
|
</div>
|
||||||
|
<small class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">9 минут</font></font></small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card shadow-sm">
|
||||||
|
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Заполнитель: Миниатюра" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">صورة مصغرة</text></svg>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Это более широкая карточка с вспомогательным текстом ниже, который служит естественным введением в дополнительный контент. </font><font style="vertical-align: inherit;">Этот контент немного длиннее.</font></font></p>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Предложение</font></font></button>
|
||||||
|
<button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">поправка</font></font></button>
|
||||||
|
</div>
|
||||||
|
<small class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">9 минут</font></font></small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Программы обучения -->
|
||||||
|
<div class="ui-4">
|
||||||
|
<div class="tp-section__title-wrapper mb-40 text-center">
|
||||||
|
<h3 class="tp-section__title mb-15">Программы обучения в МГТУ</h3>
|
||||||
|
<p>Тут можно узнать какие программы обучения есть в нашем ВУЗе.</p>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||||||
|
<!-- UI Item Starts -->
|
||||||
|
<div class="ui-item view">
|
||||||
|
<!-- Image -->
|
||||||
|
<img src="assets/img/bg/fis.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||||||
|
<!-- UI Content Starts -->
|
||||||
|
<div class="ui-content ui-bg-red">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2>Бакалавриат</h2>
|
||||||
|
<!-- UI Content Hover -->
|
||||||
|
<div class="ui-content-hover bg-red">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2><a href="ui-4.html#">Lorem Ipsum</a></h2>
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||||||
|
<!-- UI Icon -->
|
||||||
|
<div class="ui-icon">
|
||||||
|
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- UI Content Ends -->
|
||||||
|
</div>
|
||||||
|
<!-- UI Item Ends -->
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||||||
|
<!-- UI Item Starts -->
|
||||||
|
<div class="ui-item">
|
||||||
|
<!-- Image -->
|
||||||
|
<img src="assets/img/bg/fis.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||||||
|
<!-- UI Content Starts -->
|
||||||
|
<div class="ui-content ui-bg-blue">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2>Магистратура</h2>
|
||||||
|
<!-- UI Content Hover -->
|
||||||
|
<div class="ui-content-hover bg-blue">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2><a href="ui-4.html#">Eiusm Tempo</a></h2>
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||||||
|
<!-- UI Icon -->
|
||||||
|
<div class="ui-icon">
|
||||||
|
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- UI Content Ends -->
|
||||||
|
</div>
|
||||||
|
<!-- UI Item Ends -->
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||||||
|
<!-- UI Item Starts -->
|
||||||
|
<div class="ui-item">
|
||||||
|
<!-- Image -->
|
||||||
|
<img src="assets/img/bg/fis.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||||||
|
<!-- UI Content Starts -->
|
||||||
|
<div class="ui-content ui-bg-yellow">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2>Аспирантура</h2>
|
||||||
|
<!-- UI Content Hover -->
|
||||||
|
<div class="ui-content-hover bg-yellow">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2><a href="ui-4.html#">Finib Bonor</a></h2>
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||||||
|
<!-- UI Icon -->
|
||||||
|
<div class="ui-icon">
|
||||||
|
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- UI Content Ends -->
|
||||||
|
</div>
|
||||||
|
<!-- UI Item Ends -->
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||||||
|
<!-- UI Item Starts -->
|
||||||
|
<div class="ui-item">
|
||||||
|
<!-- Image -->
|
||||||
|
<img src="assets/img/bg/inzh.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||||||
|
<!-- UI Content Starts -->
|
||||||
|
<div class="ui-content ui-bg-green">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2>СПО</h2>
|
||||||
|
<!-- UI Content Hover -->
|
||||||
|
<div class="ui-content-hover bg-green">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2><a href="ui-4.html#">Archi Beata</a></h2>
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||||||
|
<!-- UI Icon -->
|
||||||
|
<div class="ui-icon">
|
||||||
|
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- UI Content Ends -->
|
||||||
|
</div>
|
||||||
|
<!-- UI Item Ends -->
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||||||
|
<!-- UI Item Starts -->
|
||||||
|
<div class="ui-item">
|
||||||
|
<!-- Image -->
|
||||||
|
<img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||||||
|
<!-- UI Content Starts -->
|
||||||
|
<div class="ui-content ui-bg-lblue">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2>Доп. образование</h2>
|
||||||
|
<!-- UI Content Hover -->
|
||||||
|
<div class="ui-content-hover bg-lblue">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2><a href="ui-4.html#">Nemo Enim</a></h2>
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||||||
|
<!-- UI Icon -->
|
||||||
|
<div class="ui-icon">
|
||||||
|
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- UI Content Ends -->
|
||||||
|
</div>
|
||||||
|
<!-- UI Item Ends -->
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||||||
|
<!-- UI Item Starts -->
|
||||||
|
<div class="ui-item">
|
||||||
|
<!-- Image -->
|
||||||
|
<img src="assets/img/bg/agrar.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||||||
|
<!-- UI Content Starts -->
|
||||||
|
<div class="ui-content ui-bg-rose-pink">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2>Подготовительные курсы</h2>
|
||||||
|
<!-- UI Content Hover -->
|
||||||
|
<div class="ui-content-hover bg-rose">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2><a href="ui-4.html#">Aliqu Quaer</a></h2>
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||||||
|
<!-- UI Icon -->
|
||||||
|
<div class="ui-icon">
|
||||||
|
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- UI Content Ends -->
|
||||||
|
</div>
|
||||||
|
<!-- UI Item Ends -->
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||||||
|
<!-- UI Item Starts -->
|
||||||
|
<div class="ui-item">
|
||||||
|
<!-- Image -->
|
||||||
|
<img src="assets/img/bg/agrar.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||||||
|
<!-- UI Content Starts -->
|
||||||
|
<div class="ui-content ui-bg-orange">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2>Довузовская подготовка</h2>
|
||||||
|
<!-- UI Content Hover -->
|
||||||
|
<div class="ui-content-hover bg-orange">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2><a href="ui-4.html#">Denou Pleas</a></h2>
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||||||
|
<!-- UI Icon -->
|
||||||
|
<div class="ui-icon">
|
||||||
|
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- UI Content Ends -->
|
||||||
|
</div>
|
||||||
|
<!-- UI Item Ends -->
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||||||
|
<!-- UI Item Starts -->
|
||||||
|
<div class="ui-item">
|
||||||
|
<!-- Image -->
|
||||||
|
<img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||||||
|
<!-- UI Content Starts -->
|
||||||
|
<div class="ui-content ui-bg-brown">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2>Ординатура</h2>
|
||||||
|
<!-- UI Content Hover -->
|
||||||
|
<div class="ui-content-hover bg-brown">
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2><a href="ui-4.html#">Dolor Repel</a></h2>
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||||||
|
<!-- UI Icon -->
|
||||||
|
<div class="ui-icon">
|
||||||
|
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- UI Content Starts -->
|
||||||
|
</div>
|
||||||
|
<!-- UI Item Ends -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Конец программ обучения -->
|
|
@ -0,0 +1,355 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html class="no-js" lang="zxx">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
<title>Tutorgo - Online Learning and Education HTML Template - shared on themelock.com</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Place favicon.ico in the root directory -->
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">
|
||||||
|
|
||||||
|
<!-- CSS here -->
|
||||||
|
<link rel="stylesheet" href="assets/css/bootstrap.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/meanmenu.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/animate.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/slick.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/nice-select.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/font-awesome-pro.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/elegent-icons.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/spacing.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/main.css">
|
||||||
|
<!-- css end here-->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!--[if lte IE 9]>
|
||||||
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- pre loader area start -->
|
||||||
|
<div class="tp-preloader">
|
||||||
|
<div class="tp-preloader__center">
|
||||||
|
<span>
|
||||||
|
<svg width="170" height="132" viewBox="0 0 170 132" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_6_12)">
|
||||||
|
<path d="M113.978 61.1738L55.4552 2.8186C52.8594 0.230266 48.7298 0.230266 46.252 2.8186L1.88784 46.4673C-0.707934 49.0557 -0.707934 53.1735 1.88784 55.6441L14.5127 68.2329L66.9002 120.353L113.86 75.7626C118.108 71.8801 118.108 65.2916 113.978 61.1738Z" fill="black"/>
|
||||||
|
<path d="M167.781 51.5263L90.2621 129.059C86.1325 133.177 79.6431 133.177 75.5134 129.059L31.6212 85.2923C35.7509 89.4101 42.2403 89.4101 46.37 85.2923L123.889 7.75996C126.485 5.17163 130.615 5.17163 133.092 7.75996L167.663 42.2319C170.377 44.8202 170.377 48.938 167.781 51.5263Z" fill="#5392FB"/>
|
||||||
|
<path d="M74.9235 35.0551C76.6933 36.8199 78.4632 38.467 79.9971 39.8788C82.1209 41.6436 82.2389 44.8202 80.233 46.8203L48.8478 78.1156C44.1282 82.8217 36.4588 82.8217 31.7392 78.1156C27.0197 73.4095 27.0197 65.7622 31.7392 61.0561L63.1245 29.7608C65.1303 27.7607 68.3161 27.8784 70.0859 29.9961C71.5018 31.5256 73.1536 33.2904 74.9235 35.0551Z" fill="currentColor" class="path-yellow"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_6_12">
|
||||||
|
<rect width="169.787" height="131.064" fill="white" transform="translate(0 0.936172)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- pre loader area end -->
|
||||||
|
|
||||||
|
<!-- back to top start -->
|
||||||
|
<button class="tp-backtotop">
|
||||||
|
<span><i class="fal fa-angle-double-up"></i></span>
|
||||||
|
</button>
|
||||||
|
<!-- back to top end -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- header area start -->
|
||||||
|
<header>
|
||||||
|
<div class="tp-header__area tp-header__transparent">
|
||||||
|
<div class="tp-header__main " id="header-sticky">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-6">
|
||||||
|
<div class="logo">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="assets/img/logo/white-logo.png" alt="logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-6 col-xl-6 col-lg-7 d-none d-lg-block">
|
||||||
|
<div class="main-menu">
|
||||||
|
<nav id="mobile-menu">
|
||||||
|
<ul>
|
||||||
|
<li class="has-dropdown">
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="index.html">Home Style 1</a></li>
|
||||||
|
<li><a href="index-2.html">Home Style 2</a></li>
|
||||||
|
<li><a href="index-3.html">Home Style 3</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="about-us.html">About</a>
|
||||||
|
</li>
|
||||||
|
<li class="has-dropdown">
|
||||||
|
<a href="course.html">Courses</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="course-list.html">Courses List</a></li>
|
||||||
|
<li><a href="course.html">Courses Grid</a></li>
|
||||||
|
<li><a href="course-details.html">Course Details</a></li>
|
||||||
|
<li><a href="cart.html">Cart</a></li>
|
||||||
|
<li><a href="checkout.html">Checkout</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="has-dropdown">
|
||||||
|
<a href="#">Pages</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="event.html">Events</a></li>
|
||||||
|
<li><a href="event-details.html">Event Details</a></li>
|
||||||
|
<li><a href="instructor.html">Instructor V1</a></li>
|
||||||
|
<li><a href="instructor-2.html">Instructor V2</a></li>
|
||||||
|
<li><a href="instructor-details.html">Instructor Details</a></li>
|
||||||
|
<li><a href="wishlist.html">Wishlist</a></li>
|
||||||
|
<li><a href="sign-in.html">Sign In</a></li>
|
||||||
|
<li><a href="sign-up.html">Sign Up</a></li>
|
||||||
|
<li><a href="faq.html">Faq</a></li>
|
||||||
|
<li><a href="404.html">404</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="has-dropdown">
|
||||||
|
<a href="blog.html">Blog</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="blog.html">Blog</a></li>
|
||||||
|
<li><a href="blog-details.html">Blog Details</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="contact.html">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-4 col-xl-4 col-lg-3 col-md-6 col-6">
|
||||||
|
<div class="tp-header__main-right d-flex justify-content-end align-items-center pl-30">
|
||||||
|
<div class="header-acttion-btns d-flex align-items-center d-none d-md-flex">
|
||||||
|
<a href="tel:+(443)003030266" class="tp-phone-btn d-none d-xl-block"><i
|
||||||
|
class="fa-thin fa-phone"></i>+(443)00
|
||||||
|
303 0266 <span></span></a>
|
||||||
|
<a href="contact.html" class="tp-btn">
|
||||||
|
<span>Book a Visit <i class="fa-regular fa-arrow-right"></i> </span>
|
||||||
|
<div class="transition"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="tp-header__hamburger ml-50 d-lg-none">
|
||||||
|
<button class="hamburger-btn offcanvas-open-btn">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<!-- header area end -->
|
||||||
|
|
||||||
|
<!-- offcanvas area start -->
|
||||||
|
<div class="offcanvas__area" >
|
||||||
|
<div class="offcanvas__wrapper">
|
||||||
|
<div class="offcanvas__content">
|
||||||
|
<div class="offcanvas__close text-end">
|
||||||
|
<button class="offcanvas__close-btn offcanvas-close-btn">
|
||||||
|
<i class="fal fa-times"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__top mb-40">
|
||||||
|
<div class="offcanvas__subtitle">
|
||||||
|
<span class="text-white d-inline-block mb-25 d-none d-lg-block">ELEVATE YOUR BUSINESS WITH</span>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__logo mb-40">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="assets/img/logo/logo.png" alt="logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas-info d-none d-lg-block">
|
||||||
|
<p>Limitless customization options & Elementor compatibility let anyone create a beautiful website
|
||||||
|
with Valiance. </p>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__btn d-none d-lg-block">
|
||||||
|
<a href="contact.html" class="tp-btn">Contact us <span></span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mobile-menu fix mb-40"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="offcamvas__bottom">
|
||||||
|
<div class="offcanvas__cta mt-30 mb-20">
|
||||||
|
<h3 class="offcanvas__cta-title">Contact info</h3>
|
||||||
|
<span>27 Division St, New York,</span>
|
||||||
|
<span>+154 4808 84082 4830</span>
|
||||||
|
<span>support@noxia.com</span>
|
||||||
|
<span>Office Hours: 8AM - 5PM</span>
|
||||||
|
<span>Sunday - Wekend Day</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="body-overlay"></div>
|
||||||
|
<!-- offcanvas area end -->
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<!-- breadcrumb area start -->
|
||||||
|
<div class="breadcrumb__area include-bg pt-200 pb-150 breadcrumb__overlay"
|
||||||
|
data-background="assets/img/breadcrumb/breadcrumb-bg.jpg">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xxl-12">
|
||||||
|
<div class="breadcrumb__content p-relative z-index-1">
|
||||||
|
<h3 class="breadcrumb__title">404</h3>
|
||||||
|
<div class="breadcrumb__list">
|
||||||
|
<span><a href="#">Home</a></span>
|
||||||
|
<span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
|
||||||
|
<span>404</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- breadcrumb area end -->
|
||||||
|
|
||||||
|
<!-- error area start -->
|
||||||
|
<section class="error__area pt-60 pb-90">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xxl-8 offset-xxl-2 col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
|
||||||
|
<div class="error__item text-center">
|
||||||
|
<div class="error__thumb mb-45 w-img">
|
||||||
|
<img src="assets/img/icons/404.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="error__content">
|
||||||
|
<h1 class="error__title">Page Not Found!</h1>
|
||||||
|
<p>Please try searching for some other page.</p>
|
||||||
|
<a href="index.html" class="tp-btn">
|
||||||
|
<span>Back To Home</span>
|
||||||
|
<div class="transition"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- error area end -->
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- footer area start -->
|
||||||
|
<footer>
|
||||||
|
<div class="footer__area grey-bg">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer__top ">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||||
|
<div class="footer__widget mb-50 footer-col-1">
|
||||||
|
<div class="footer__widget-logo mb-30">
|
||||||
|
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
|
||||||
|
</div>
|
||||||
|
<div class="footer__widget-content">
|
||||||
|
<p>Aut cum mollitia reprehenderit.
|
||||||
|
Eos cumque dicta adipisci amet
|
||||||
|
architecto culpa.</p>
|
||||||
|
<div class="footer__social">
|
||||||
|
<span><a href="#"><i class="fab fa-facebook-f"></i></a></span>
|
||||||
|
<span><a href="#" class="yt"><i class="fab fa-youtube"></i></a></span>
|
||||||
|
<span><a href="#" class="tw"><i class="fab fa-twitter"></i></a></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-2 col-xl-2 col-lg-3 col-6">
|
||||||
|
<div class="footer__widget mb-50 footer-col-2">
|
||||||
|
<h3 class="footer__widget-title">Information</h3>
|
||||||
|
<div class="footer__widget-content">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">About Us</a></li>
|
||||||
|
<li><a href="#">Careers</a></li>
|
||||||
|
<li><a href="#">Customer</a></li>
|
||||||
|
<li><a href="#">Privacy</a></li>
|
||||||
|
<li><a href="#">Service</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-3 col-xl-3 col-lg-3 col-6">
|
||||||
|
<div class="footer__widget mb-50 footer-col-3">
|
||||||
|
<h3 class="footer__widget-title">Courses</h3>
|
||||||
|
<div class="footer__widget-content">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Masters Degree</a></li>
|
||||||
|
<li><a href="#">Post GraduateU</a></li>
|
||||||
|
<li><a href="#">Ndergraduate</a></li>
|
||||||
|
<li><a href="#">Engineering</a></li>
|
||||||
|
<li><a href="#">Ph.D Degree</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-xxl-4 col-xl-4 col-lg-3 col-md-6">
|
||||||
|
<div class="footer__widget mb-50 footer-col-4">
|
||||||
|
<h3 class="footer__widget-title">Sign Up for Our Newsletter</h3>
|
||||||
|
<div class="footer__widget-content">
|
||||||
|
<div class="footer__subscribe">
|
||||||
|
<p>Receive weekly newsletter with educational,
|
||||||
|
popular books and much more!</p>
|
||||||
|
<form action="#">
|
||||||
|
<div class="footer__subscribe-box">
|
||||||
|
<div class="footer__subscribe-input">
|
||||||
|
<input type="email" placeholder="Email address">
|
||||||
|
</div>
|
||||||
|
<button class="footer-sub-btn" type="submit">Subscribe</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer__bottom">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="footer__copyright text-center">
|
||||||
|
<p> © 2022 Tutorgo, All Rights Reserved. Design By <a href="https://themeforest.net/user/theme_pure/portfolio" target="_blank">Theme Pure</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- footer area end -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JS here -->
|
||||||
|
<script src="assets/js/vendor/jquery.js"></script>
|
||||||
|
<script src="assets/js/vendor/waypoints.js"></script>
|
||||||
|
<script src="assets/js/bootstrap-bundle.js"></script>
|
||||||
|
<script src="assets/js/meanmenu.js"></script>
|
||||||
|
<script src="assets/js/slick.js"></script>
|
||||||
|
<script src="assets/js/magnific-popup.js"></script>
|
||||||
|
<script src="assets/js/parallax.js"></script>
|
||||||
|
<script src="assets/js/nice-select.js"></script>
|
||||||
|
<script src="assets/js/counterup.js"></script>
|
||||||
|
<script src="assets/js/wow.js"></script>
|
||||||
|
<script src="assets/js/isotope-pkgd.js"></script>
|
||||||
|
<script src="assets/js/imagesloaded-pkgd.js"></script>
|
||||||
|
<script src="assets/js/ajax-form.js"></script> <script src="assets/js/countdown.js"></script>
|
||||||
|
<script src="assets/js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
|
@ -0,0 +1,565 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html class="no-js" lang="zxx">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
<title>Tutorgo - Online Learning and Education HTML Template - shared on themelock.com</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Place favicon.ico in the root directory -->
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">
|
||||||
|
|
||||||
|
<!-- CSS here -->
|
||||||
|
<link rel="stylesheet" href="assets/css/bootstrap.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/meanmenu.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/animate.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/slick.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/nice-select.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/font-awesome-pro.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/elegent-icons.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/spacing.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/main.css">
|
||||||
|
<!-- css end here-->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!--[if lte IE 9]>
|
||||||
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- pre loader area start -->
|
||||||
|
<div class="tp-preloader">
|
||||||
|
<div class="tp-preloader__center">
|
||||||
|
<span>
|
||||||
|
<svg width="170" height="132" viewBox="0 0 170 132" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_6_12)">
|
||||||
|
<path d="M113.978 61.1738L55.4552 2.8186C52.8594 0.230266 48.7298 0.230266 46.252 2.8186L1.88784 46.4673C-0.707934 49.0557 -0.707934 53.1735 1.88784 55.6441L14.5127 68.2329L66.9002 120.353L113.86 75.7626C118.108 71.8801 118.108 65.2916 113.978 61.1738Z" fill="black"/>
|
||||||
|
<path d="M167.781 51.5263L90.2621 129.059C86.1325 133.177 79.6431 133.177 75.5134 129.059L31.6212 85.2923C35.7509 89.4101 42.2403 89.4101 46.37 85.2923L123.889 7.75996C126.485 5.17163 130.615 5.17163 133.092 7.75996L167.663 42.2319C170.377 44.8202 170.377 48.938 167.781 51.5263Z" fill="#5392FB"/>
|
||||||
|
<path d="M74.9235 35.0551C76.6933 36.8199 78.4632 38.467 79.9971 39.8788C82.1209 41.6436 82.2389 44.8202 80.233 46.8203L48.8478 78.1156C44.1282 82.8217 36.4588 82.8217 31.7392 78.1156C27.0197 73.4095 27.0197 65.7622 31.7392 61.0561L63.1245 29.7608C65.1303 27.7607 68.3161 27.8784 70.0859 29.9961C71.5018 31.5256 73.1536 33.2904 74.9235 35.0551Z" fill="currentColor" class="path-yellow"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_6_12">
|
||||||
|
<rect width="169.787" height="131.064" fill="white" transform="translate(0 0.936172)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- pre loader area end -->
|
||||||
|
|
||||||
|
<!-- back to top start -->
|
||||||
|
<button class="tp-backtotop">
|
||||||
|
<span><i class="fal fa-angle-double-up"></i></span>
|
||||||
|
</button>
|
||||||
|
<!-- back to top end -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- header area start -->
|
||||||
|
<header>
|
||||||
|
<div class="tp-header__area tp-header__transparent">
|
||||||
|
<div class="tp-header__main " id="header-sticky">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-6">
|
||||||
|
<div class="logo">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="assets/img/logo/white-logo.png" alt="logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-6 col-xl-6 col-lg-7 d-none d-lg-block">
|
||||||
|
<div class="main-menu">
|
||||||
|
<nav id="mobile-menu">
|
||||||
|
<ul>
|
||||||
|
<li class="has-dropdown">
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="index.html">Home Style 1</a></li>
|
||||||
|
<li><a href="index-2.html">Home Style 2</a></li>
|
||||||
|
<li><a href="index-3.html">Home Style 3</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="about-us.html">About</a>
|
||||||
|
</li>
|
||||||
|
<li class="has-dropdown">
|
||||||
|
<a href="course.html">Courses</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="course-list.html">Courses List</a></li>
|
||||||
|
<li><a href="course.html">Courses Grid</a></li>
|
||||||
|
<li><a href="course-details.html">Course Details</a></li>
|
||||||
|
<li><a href="cart.html">Cart</a></li>
|
||||||
|
<li><a href="checkout.html">Checkout</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="has-dropdown">
|
||||||
|
<a href="#">Pages</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="event.html">Events</a></li>
|
||||||
|
<li><a href="event-details.html">Event Details</a></li>
|
||||||
|
<li><a href="instructor.html">Instructor V1</a></li>
|
||||||
|
<li><a href="instructor-2.html">Instructor V2</a></li>
|
||||||
|
<li><a href="instructor-details.html">Instructor Details</a></li>
|
||||||
|
<li><a href="wishlist.html">Wishlist</a></li>
|
||||||
|
<li><a href="sign-in.html">Sign In</a></li>
|
||||||
|
<li><a href="sign-up.html">Sign Up</a></li>
|
||||||
|
<li><a href="faq.html">Faq</a></li>
|
||||||
|
<li><a href="404.html">404</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="has-dropdown">
|
||||||
|
<a href="blog.html">Blog</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="blog.html">Blog</a></li>
|
||||||
|
<li><a href="blog-details.html">Blog Details</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="contact.html">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-4 col-xl-4 col-lg-3 col-md-6 col-6">
|
||||||
|
<div class="tp-header__main-right d-flex justify-content-end align-items-center pl-30">
|
||||||
|
<div class="header-acttion-btns d-flex align-items-center d-none d-md-flex">
|
||||||
|
<a href="tel:+(443)003030266" class="tp-phone-btn d-none d-xl-block"><i
|
||||||
|
class="fa-thin fa-phone"></i>+(443)00
|
||||||
|
303 0266 <span></span></a>
|
||||||
|
<a href="contact.html" class="tp-btn">
|
||||||
|
<span>Book a Visit <i class="fa-regular fa-arrow-right"></i> </span>
|
||||||
|
<div class="transition"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="tp-header__hamburger ml-50 d-lg-none">
|
||||||
|
<button class="hamburger-btn offcanvas-open-btn">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<!-- header area end -->
|
||||||
|
|
||||||
|
<!-- offcanvas area start -->
|
||||||
|
<div class="offcanvas__area" >
|
||||||
|
<div class="offcanvas__wrapper">
|
||||||
|
<div class="offcanvas__content">
|
||||||
|
<div class="offcanvas__close text-end">
|
||||||
|
<button class="offcanvas__close-btn offcanvas-close-btn">
|
||||||
|
<i class="fal fa-times"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__top mb-40">
|
||||||
|
<div class="offcanvas__subtitle">
|
||||||
|
<span class="text-white d-inline-block mb-25 d-none d-lg-block">ELEVATE YOUR BUSINESS WITH</span>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__logo mb-40">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="assets/img/logo/logo.png" alt="logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas-info d-none d-lg-block">
|
||||||
|
<p>Limitless customization options & Elementor compatibility let anyone create a beautiful website
|
||||||
|
with Valiance. </p>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__btn d-none d-lg-block">
|
||||||
|
<a href="contact.html" class="tp-btn">Contact us <span></span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mobile-menu fix mb-40"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="offcamvas__bottom">
|
||||||
|
<div class="offcanvas__cta mt-30 mb-20">
|
||||||
|
<h3 class="offcanvas__cta-title">Contact info</h3>
|
||||||
|
<span>27 Division St, New York,</span>
|
||||||
|
<span>+154 4808 84082 4830</span>
|
||||||
|
<span>support@noxia.com</span>
|
||||||
|
<span>Office Hours: 8AM - 5PM</span>
|
||||||
|
<span>Sunday - Wekend Day</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="body-overlay"></div>
|
||||||
|
<!-- offcanvas area end -->
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<!-- breadcrumb area start -->
|
||||||
|
<div class="breadcrumb__area include-bg pt-200 pb-150 breadcrumb__overlay"
|
||||||
|
data-background="assets/img/breadcrumb/breadcrumb-bg.jpg">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xxl-12">
|
||||||
|
<div class="breadcrumb__content p-relative z-index-1">
|
||||||
|
<h3 class="breadcrumb__title">About Us</h3>
|
||||||
|
<div class="breadcrumb__list">
|
||||||
|
<span><a href="#">Home</a></span>
|
||||||
|
<span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
|
||||||
|
<span>About-us</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- breadcrumb area end -->
|
||||||
|
|
||||||
|
<!-- about section start -->
|
||||||
|
<div class="tp-about__section pt-120 pb-90">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<div class="tp-about__img-wrapper d-md-flex p-relative">
|
||||||
|
<div class="tp-about__img-large w-img mb-30">
|
||||||
|
<img src="assets/img/about/about-1.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="tp-about__img-sm w-img mb-30">
|
||||||
|
<img src="assets/img/about/about-2.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tp-about-shapes">
|
||||||
|
<div class="tp-about__shapes-1">
|
||||||
|
<img src="assets/img/icons/about-shapes.png" alt="">
|
||||||
|
<div class="tp-about__shapes-2 ">
|
||||||
|
<img src="assets/img/icons/ring-shape.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5">
|
||||||
|
<div class="tp-section__title-wrapper">
|
||||||
|
<h3 class="tp-section__title mb-15">Benefit From Our <br>
|
||||||
|
Online Learning Experties
|
||||||
|
Earn professional.</h3>
|
||||||
|
<p class="mb-40">Lorem ipsum dolor sit amet, consectetur aliqua adipiscing
|
||||||
|
elit, sed do eiumod tempor.</p>
|
||||||
|
|
||||||
|
<div class="tp-about__feature-list mb-40">
|
||||||
|
<ul>
|
||||||
|
<li><span><i class="icon_check"></i></span>Upskill your organization.</li>
|
||||||
|
<li><span><i class="icon_check"></i></span>Access more then 100K online courses</li>
|
||||||
|
<li><span><i class="icon_check"></i></span>Access more then 1M online Video</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="tp-hero__btn-wrappper">
|
||||||
|
<a href="about-us.html" class="tp-border-btn br-0">
|
||||||
|
<span>Get Started</span>
|
||||||
|
<div class="transition"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- about section end -->
|
||||||
|
|
||||||
|
<!-- counter start -->
|
||||||
|
<div class="tp-counter__section pt-80 pb-60" data-background="assets/img/bg/counter-bg-1.jpg">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="tp-section__title-wrapper mb-70 text-center">
|
||||||
|
<h3 class="tp-section__title text-white">Our Many years of <br>
|
||||||
|
Experience in Numbers</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-3 col-6">
|
||||||
|
<div class="tp-counter__item mb-30 has-border">
|
||||||
|
<span><b class="counter">13286</b>Success Stories</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-6">
|
||||||
|
<div class="tp-counter__item has-border mb-30">
|
||||||
|
<span><b class="counter">620</b>Success Stories</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-6">
|
||||||
|
<div class="tp-counter__item has-border mb-30">
|
||||||
|
<span><b class="counter">530</b>Success Stories</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-6">
|
||||||
|
<div class="tp-counter__item mb-30">
|
||||||
|
<span><b class="counter">2000</b>Success Stories</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- counter end -->
|
||||||
|
|
||||||
|
<!-- testimonial start -->
|
||||||
|
<div class="tp-testimonial-2__section pt-120 pb-90">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="tp-testimonial-2__wrapper p-relative">
|
||||||
|
<div class="tp-testimonial-2__slider">
|
||||||
|
<div class="tp-testimonial-2__box white-bg">
|
||||||
|
<div class="tp-testimonial-2__avata">
|
||||||
|
<img src="assets/img/testimonial/tp-testi-2.1.jpg" alt="">
|
||||||
|
<span class="tp-testimonial-2__ratting">
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star-half-alt"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="tp-testimonial-2__review">
|
||||||
|
<p>Simply the best. Better than all the rest. I’d recommend this product to morish beginners
|
||||||
|
andviverra maecenas accumsan lacus.Risus commodo viverra maecenas.</p>
|
||||||
|
<h3>Maria Zokatti</h3>
|
||||||
|
<span>CEO, Psdboss</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tp-testimonial-2__box white-bg">
|
||||||
|
<div class="tp-testimonial-2__avata">
|
||||||
|
<img src="assets/img/testimonial/tp-testi-2.2.jpg" alt="">
|
||||||
|
<span class="tp-testimonial-2__ratting">
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star-half-alt"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="tp-testimonial-2__review">
|
||||||
|
<p>Simply the best. Better than all the rest. I’d recommend this product to morish beginners
|
||||||
|
andviverra maecenas accumsan lacus.Risus commodo viverra maecenas.</p>
|
||||||
|
<h3>Judy N</h3>
|
||||||
|
<span>CEO, Psdboss</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tp-testimonial-2__box white-bg">
|
||||||
|
<div class="tp-testimonial-2__avata">
|
||||||
|
<img src="assets/img/testimonial/tp-testi-2.3.jpg" alt="">
|
||||||
|
<span class="tp-testimonial-2__ratting">
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star-half-alt"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="tp-testimonial-2__review">
|
||||||
|
<p>Simply the best. Better than all the rest. I’d recommend this product to morish beginners
|
||||||
|
andviverra maecenas accumsan lacus.Risus commodo viverra maecenas.</p>
|
||||||
|
<h3>Olive Yew.</h3>
|
||||||
|
<span>CEO, Psdboss</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tp-testimonial-2__box white-bg">
|
||||||
|
<div class="tp-testimonial-2__avata">
|
||||||
|
<img src="assets/img/testimonial/tp-testi-2.1.jpg" alt="">
|
||||||
|
<span class="tp-testimonial-2__ratting">
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star-half-alt"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="tp-testimonial-2__review">
|
||||||
|
<p>Simply the best. Better than all the rest. I’d recommend this product to morish beginners
|
||||||
|
andviverra maecenas accumsan lacus.Risus commodo viverra maecenas.</p>
|
||||||
|
<h3>Teri Dactyl.</h3>
|
||||||
|
<span>CEO, Psdboss</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tp-testimonial-2__box white-bg">
|
||||||
|
<div class="tp-testimonial-2__avata">
|
||||||
|
<img src="assets/img/testimonial/tp-testi-2.3.jpg" alt="">
|
||||||
|
<span class="tp-testimonial-2__ratting">
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star"></i>
|
||||||
|
<i class="fas fa-star-half-alt"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="tp-testimonial-2__review">
|
||||||
|
<p>Simply the best. Better than all the rest. I’d recommend this product to morish beginners
|
||||||
|
andviverra maecenas accumsan lacus.Risus commodo viverra maecenas.</p>
|
||||||
|
<h3>Peg Legge.</h3>
|
||||||
|
<span>CEO, Psdboss</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="tp-testimonial-2__dots"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- testimoial end -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- cta start-->
|
||||||
|
<div class="tp-cta-2__section p-relative pt-50 pb-20 p-relative" data-background="assets/img/bg/cta-shape-2.jpg">
|
||||||
|
<div class="tp-cta-2__shape">
|
||||||
|
<img src="assets/img/icons/ring-2.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="tp-cta__info mb-30">
|
||||||
|
<h3 class="tp-section__title text-white mb-25">Quickly get updates about <br>
|
||||||
|
class event and news!</h3>
|
||||||
|
<div class="tp-cta-2__form p-relative">
|
||||||
|
<form>
|
||||||
|
<div class="tp-cta-2__field">
|
||||||
|
<input type="text" placeholder="Enter Your Email">
|
||||||
|
</div>
|
||||||
|
<button class="tp-cta-2__btn" type="submit">Subscribe</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="tp-cta-2__img text-lg-end mb-30">
|
||||||
|
<img src="assets/img/icons/cta-img-2.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- newsletter end -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- footer area start -->
|
||||||
|
<footer>
|
||||||
|
<div class="footer__area grey-bg">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer__top ">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||||
|
<div class="footer__widget mb-50 footer-col-1">
|
||||||
|
<div class="footer__widget-logo mb-30">
|
||||||
|
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
|
||||||
|
</div>
|
||||||
|
<div class="footer__widget-content">
|
||||||
|
<p>Aut cum mollitia reprehenderit.
|
||||||
|
Eos cumque dicta adipisci amet
|
||||||
|
architecto culpa.</p>
|
||||||
|
<div class="footer__social">
|
||||||
|
<span><a href="#"><i class="fab fa-facebook-f"></i></a></span>
|
||||||
|
<span><a href="#" class="yt"><i class="fab fa-youtube"></i></a></span>
|
||||||
|
<span><a href="#" class="tw"><i class="fab fa-twitter"></i></a></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-2 col-xl-2 col-lg-3 col-6">
|
||||||
|
<div class="footer__widget mb-50 footer-col-2">
|
||||||
|
<h3 class="footer__widget-title">Information</h3>
|
||||||
|
<div class="footer__widget-content">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">About Us</a></li>
|
||||||
|
<li><a href="#">Careers</a></li>
|
||||||
|
<li><a href="#">Customer</a></li>
|
||||||
|
<li><a href="#">Privacy</a></li>
|
||||||
|
<li><a href="#">Service</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-3 col-xl-3 col-lg-3 col-6">
|
||||||
|
<div class="footer__widget mb-50 footer-col-3">
|
||||||
|
<h3 class="footer__widget-title">Courses</h3>
|
||||||
|
<div class="footer__widget-content">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Masters Degree</a></li>
|
||||||
|
<li><a href="#">Post GraduateU</a></li>
|
||||||
|
<li><a href="#">Ndergraduate</a></li>
|
||||||
|
<li><a href="#">Engineering</a></li>
|
||||||
|
<li><a href="#">Ph.D Degree</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-xxl-4 col-xl-4 col-lg-3 col-md-6">
|
||||||
|
<div class="footer__widget mb-50 footer-col-4">
|
||||||
|
<h3 class="footer__widget-title">Sign Up for Our Newsletter</h3>
|
||||||
|
<div class="footer__widget-content">
|
||||||
|
<div class="footer__subscribe">
|
||||||
|
<p>Receive weekly newsletter with educational,
|
||||||
|
popular books and much more!</p>
|
||||||
|
<form action="#">
|
||||||
|
<div class="footer__subscribe-box">
|
||||||
|
<div class="footer__subscribe-input">
|
||||||
|
<input type="email" placeholder="Email address">
|
||||||
|
</div>
|
||||||
|
<button class="footer-sub-btn" type="submit">Subscribe</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer__bottom">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="footer__copyright text-center">
|
||||||
|
<p> © 2022 Tutorgo, All Rights Reserved. Design By <a href="https://themeforest.net/user/theme_pure/portfolio" target="_blank">Theme Pure</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- footer area end -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- JS here -->
|
||||||
|
<script src="assets/js/vendor/jquery.js"></script>
|
||||||
|
<script src="assets/js/vendor/waypoints.js"></script>
|
||||||
|
<script src="assets/js/bootstrap-bundle.js"></script>
|
||||||
|
<script src="assets/js/meanmenu.js"></script>
|
||||||
|
<script src="assets/js/slick.js"></script>
|
||||||
|
<script src="assets/js/magnific-popup.js"></script>
|
||||||
|
<script src="assets/js/parallax.js"></script>
|
||||||
|
<script src="assets/js/nice-select.js"></script>
|
||||||
|
<script src="assets/js/counterup.js"></script>
|
||||||
|
<script src="assets/js/wow.js"></script>
|
||||||
|
<script src="assets/js/isotope-pkgd.js"></script>
|
||||||
|
<script src="assets/js/imagesloaded-pkgd.js"></script>
|
||||||
|
<script src="assets/js/ajax-form.js"></script> <script src="assets/js/countdown.js"></script>
|
||||||
|
<script src="assets/js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
|
@ -0,0 +1,15 @@
|
||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Font Awesome 5 Brands';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: block;
|
||||||
|
src: url("../webfonts/fa-brands-400.eot");
|
||||||
|
src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
|
||||||
|
|
||||||
|
.fab {
|
||||||
|
font-family: 'Font Awesome 5 Brands';
|
||||||
|
font-weight: 400; }
|
|
@ -0,0 +1,5 @@
|
||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}
|
|
@ -0,0 +1,15 @@
|
||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Font Awesome 5 Free';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: block;
|
||||||
|
src: url("../webfonts/fa-regular-400.eot");
|
||||||
|
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
|
||||||
|
|
||||||
|
.far {
|
||||||
|
font-family: 'Font Awesome 5 Free';
|
||||||
|
font-weight: 400; }
|
|
@ -0,0 +1,5 @@
|
||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
|
|
@ -0,0 +1,16 @@
|
||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Font Awesome 5 Free';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
font-display: block;
|
||||||
|
src: url("../webfonts/fa-solid-900.eot");
|
||||||
|
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
|
||||||
|
|
||||||
|
.fa,
|
||||||
|
.fas {
|
||||||
|
font-family: 'Font Awesome 5 Free';
|
||||||
|
font-weight: 900; }
|
|
@ -0,0 +1,5 @@
|
||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
|
|
@ -0,0 +1,371 @@
|
||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
svg:not(:root).svg-inline--fa {
|
||||||
|
overflow: visible; }
|
||||||
|
|
||||||
|
.svg-inline--fa {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: inherit;
|
||||||
|
height: 1em;
|
||||||
|
overflow: visible;
|
||||||
|
vertical-align: -.125em; }
|
||||||
|
.svg-inline--fa.fa-lg {
|
||||||
|
vertical-align: -.225em; }
|
||||||
|
.svg-inline--fa.fa-w-1 {
|
||||||
|
width: 0.0625em; }
|
||||||
|
.svg-inline--fa.fa-w-2 {
|
||||||
|
width: 0.125em; }
|
||||||
|
.svg-inline--fa.fa-w-3 {
|
||||||
|
width: 0.1875em; }
|
||||||
|
.svg-inline--fa.fa-w-4 {
|
||||||
|
width: 0.25em; }
|
||||||
|
.svg-inline--fa.fa-w-5 {
|
||||||
|
width: 0.3125em; }
|
||||||
|
.svg-inline--fa.fa-w-6 {
|
||||||
|
width: 0.375em; }
|
||||||
|
.svg-inline--fa.fa-w-7 {
|
||||||
|
width: 0.4375em; }
|
||||||
|
.svg-inline--fa.fa-w-8 {
|
||||||
|
width: 0.5em; }
|
||||||
|
.svg-inline--fa.fa-w-9 {
|
||||||
|
width: 0.5625em; }
|
||||||
|
.svg-inline--fa.fa-w-10 {
|
||||||
|
width: 0.625em; }
|
||||||
|
.svg-inline--fa.fa-w-11 {
|
||||||
|
width: 0.6875em; }
|
||||||
|
.svg-inline--fa.fa-w-12 {
|
||||||
|
width: 0.75em; }
|
||||||
|
.svg-inline--fa.fa-w-13 {
|
||||||
|
width: 0.8125em; }
|
||||||
|
.svg-inline--fa.fa-w-14 {
|
||||||
|
width: 0.875em; }
|
||||||
|
.svg-inline--fa.fa-w-15 {
|
||||||
|
width: 0.9375em; }
|
||||||
|
.svg-inline--fa.fa-w-16 {
|
||||||
|
width: 1em; }
|
||||||
|
.svg-inline--fa.fa-w-17 {
|
||||||
|
width: 1.0625em; }
|
||||||
|
.svg-inline--fa.fa-w-18 {
|
||||||
|
width: 1.125em; }
|
||||||
|
.svg-inline--fa.fa-w-19 {
|
||||||
|
width: 1.1875em; }
|
||||||
|
.svg-inline--fa.fa-w-20 {
|
||||||
|
width: 1.25em; }
|
||||||
|
.svg-inline--fa.fa-pull-left {
|
||||||
|
margin-right: .3em;
|
||||||
|
width: auto; }
|
||||||
|
.svg-inline--fa.fa-pull-right {
|
||||||
|
margin-left: .3em;
|
||||||
|
width: auto; }
|
||||||
|
.svg-inline--fa.fa-border {
|
||||||
|
height: 1.5em; }
|
||||||
|
.svg-inline--fa.fa-li {
|
||||||
|
width: 2em; }
|
||||||
|
.svg-inline--fa.fa-fw {
|
||||||
|
width: 1.25em; }
|
||||||
|
|
||||||
|
.fa-layers svg.svg-inline--fa {
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
margin: auto;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0; }
|
||||||
|
|
||||||
|
.fa-layers {
|
||||||
|
display: inline-block;
|
||||||
|
height: 1em;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: -.125em;
|
||||||
|
width: 1em; }
|
||||||
|
.fa-layers svg.svg-inline--fa {
|
||||||
|
-webkit-transform-origin: center center;
|
||||||
|
transform-origin: center center; }
|
||||||
|
|
||||||
|
.fa-layers-text, .fa-layers-counter {
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center; }
|
||||||
|
|
||||||
|
.fa-layers-text {
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translate(-50%, -50%);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
-webkit-transform-origin: center center;
|
||||||
|
transform-origin: center center; }
|
||||||
|
|
||||||
|
.fa-layers-counter {
|
||||||
|
background-color: #ff253a;
|
||||||
|
border-radius: 1em;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #fff;
|
||||||
|
height: 1.5em;
|
||||||
|
line-height: 1;
|
||||||
|
max-width: 5em;
|
||||||
|
min-width: 1.5em;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: .25em;
|
||||||
|
right: 0;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
top: 0;
|
||||||
|
-webkit-transform: scale(0.25);
|
||||||
|
transform: scale(0.25);
|
||||||
|
-webkit-transform-origin: top right;
|
||||||
|
transform-origin: top right; }
|
||||||
|
|
||||||
|
.fa-layers-bottom-right {
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
top: auto;
|
||||||
|
-webkit-transform: scale(0.25);
|
||||||
|
transform: scale(0.25);
|
||||||
|
-webkit-transform-origin: bottom right;
|
||||||
|
transform-origin: bottom right; }
|
||||||
|
|
||||||
|
.fa-layers-bottom-left {
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: auto;
|
||||||
|
top: auto;
|
||||||
|
-webkit-transform: scale(0.25);
|
||||||
|
transform: scale(0.25);
|
||||||
|
-webkit-transform-origin: bottom left;
|
||||||
|
transform-origin: bottom left; }
|
||||||
|
|
||||||
|
.fa-layers-top-right {
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
-webkit-transform: scale(0.25);
|
||||||
|
transform: scale(0.25);
|
||||||
|
-webkit-transform-origin: top right;
|
||||||
|
transform-origin: top right; }
|
||||||
|
|
||||||
|
.fa-layers-top-left {
|
||||||
|
left: 0;
|
||||||
|
right: auto;
|
||||||
|
top: 0;
|
||||||
|
-webkit-transform: scale(0.25);
|
||||||
|
transform: scale(0.25);
|
||||||
|
-webkit-transform-origin: top left;
|
||||||
|
transform-origin: top left; }
|
||||||
|
|
||||||
|
.fa-lg {
|
||||||
|
font-size: 1.33333em;
|
||||||
|
line-height: 0.75em;
|
||||||
|
vertical-align: -.0667em; }
|
||||||
|
|
||||||
|
.fa-xs {
|
||||||
|
font-size: .75em; }
|
||||||
|
|
||||||
|
.fa-sm {
|
||||||
|
font-size: .875em; }
|
||||||
|
|
||||||
|
.fa-1x {
|
||||||
|
font-size: 1em; }
|
||||||
|
|
||||||
|
.fa-2x {
|
||||||
|
font-size: 2em; }
|
||||||
|
|
||||||
|
.fa-3x {
|
||||||
|
font-size: 3em; }
|
||||||
|
|
||||||
|
.fa-4x {
|
||||||
|
font-size: 4em; }
|
||||||
|
|
||||||
|
.fa-5x {
|
||||||
|
font-size: 5em; }
|
||||||
|
|
||||||
|
.fa-6x {
|
||||||
|
font-size: 6em; }
|
||||||
|
|
||||||
|
.fa-7x {
|
||||||
|
font-size: 7em; }
|
||||||
|
|
||||||
|
.fa-8x {
|
||||||
|
font-size: 8em; }
|
||||||
|
|
||||||
|
.fa-9x {
|
||||||
|
font-size: 9em; }
|
||||||
|
|
||||||
|
.fa-10x {
|
||||||
|
font-size: 10em; }
|
||||||
|
|
||||||
|
.fa-fw {
|
||||||
|
text-align: center;
|
||||||
|
width: 1.25em; }
|
||||||
|
|
||||||
|
.fa-ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin-left: 2.5em;
|
||||||
|
padding-left: 0; }
|
||||||
|
.fa-ul > li {
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
|
.fa-li {
|
||||||
|
left: -2em;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
width: 2em;
|
||||||
|
line-height: inherit; }
|
||||||
|
|
||||||
|
.fa-border {
|
||||||
|
border: solid 0.08em #eee;
|
||||||
|
border-radius: .1em;
|
||||||
|
padding: .2em .25em .15em; }
|
||||||
|
|
||||||
|
.fa-pull-left {
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
.fa-pull-right {
|
||||||
|
float: right; }
|
||||||
|
|
||||||
|
.fa.fa-pull-left,
|
||||||
|
.fas.fa-pull-left,
|
||||||
|
.far.fa-pull-left,
|
||||||
|
.fal.fa-pull-left,
|
||||||
|
.fab.fa-pull-left {
|
||||||
|
margin-right: .3em; }
|
||||||
|
|
||||||
|
.fa.fa-pull-right,
|
||||||
|
.fas.fa-pull-right,
|
||||||
|
.far.fa-pull-right,
|
||||||
|
.fal.fa-pull-right,
|
||||||
|
.fab.fa-pull-right {
|
||||||
|
margin-left: .3em; }
|
||||||
|
|
||||||
|
.fa-spin {
|
||||||
|
-webkit-animation: fa-spin 2s infinite linear;
|
||||||
|
animation: fa-spin 2s infinite linear; }
|
||||||
|
|
||||||
|
.fa-pulse {
|
||||||
|
-webkit-animation: fa-spin 1s infinite steps(8);
|
||||||
|
animation: fa-spin 1s infinite steps(8); }
|
||||||
|
|
||||||
|
@-webkit-keyframes fa-spin {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg); }
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg); } }
|
||||||
|
|
||||||
|
@keyframes fa-spin {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg); }
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg); } }
|
||||||
|
|
||||||
|
.fa-rotate-90 {
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
|
||||||
|
-webkit-transform: rotate(90deg);
|
||||||
|
transform: rotate(90deg); }
|
||||||
|
|
||||||
|
.fa-rotate-180 {
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
||||||
|
-webkit-transform: rotate(180deg);
|
||||||
|
transform: rotate(180deg); }
|
||||||
|
|
||||||
|
.fa-rotate-270 {
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
||||||
|
-webkit-transform: rotate(270deg);
|
||||||
|
transform: rotate(270deg); }
|
||||||
|
|
||||||
|
.fa-flip-horizontal {
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
|
||||||
|
-webkit-transform: scale(-1, 1);
|
||||||
|
transform: scale(-1, 1); }
|
||||||
|
|
||||||
|
.fa-flip-vertical {
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
|
||||||
|
-webkit-transform: scale(1, -1);
|
||||||
|
transform: scale(1, -1); }
|
||||||
|
|
||||||
|
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
|
||||||
|
-webkit-transform: scale(-1, -1);
|
||||||
|
transform: scale(-1, -1); }
|
||||||
|
|
||||||
|
:root .fa-rotate-90,
|
||||||
|
:root .fa-rotate-180,
|
||||||
|
:root .fa-rotate-270,
|
||||||
|
:root .fa-flip-horizontal,
|
||||||
|
:root .fa-flip-vertical,
|
||||||
|
:root .fa-flip-both {
|
||||||
|
-webkit-filter: none;
|
||||||
|
filter: none; }
|
||||||
|
|
||||||
|
.fa-stack {
|
||||||
|
display: inline-block;
|
||||||
|
height: 2em;
|
||||||
|
position: relative;
|
||||||
|
width: 2.5em; }
|
||||||
|
|
||||||
|
.fa-stack-1x,
|
||||||
|
.fa-stack-2x {
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
margin: auto;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0; }
|
||||||
|
|
||||||
|
.svg-inline--fa.fa-stack-1x {
|
||||||
|
height: 1em;
|
||||||
|
width: 1.25em; }
|
||||||
|
|
||||||
|
.svg-inline--fa.fa-stack-2x {
|
||||||
|
height: 2em;
|
||||||
|
width: 2.5em; }
|
||||||
|
|
||||||
|
.fa-inverse {
|
||||||
|
color: #fff; }
|
||||||
|
|
||||||
|
.sr-only {
|
||||||
|
border: 0;
|
||||||
|
clip: rect(0, 0, 0, 0);
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 1px; }
|
||||||
|
|
||||||
|
.sr-only-focusable:active, .sr-only-focusable:focus {
|
||||||
|
clip: auto;
|
||||||
|
height: auto;
|
||||||
|
margin: 0;
|
||||||
|
overflow: visible;
|
||||||
|
position: static;
|
||||||
|
width: auto; }
|
||||||
|
|
||||||
|
.svg-inline--fa .fa-primary {
|
||||||
|
fill: var(--fa-primary-color, currentColor);
|
||||||
|
opacity: 1;
|
||||||
|
opacity: var(--fa-primary-opacity, 1); }
|
||||||
|
|
||||||
|
.svg-inline--fa .fa-secondary {
|
||||||
|
fill: var(--fa-secondary-color, currentColor);
|
||||||
|
opacity: 0.4;
|
||||||
|
opacity: var(--fa-secondary-opacity, 0.4); }
|
||||||
|
|
||||||
|
.svg-inline--fa.fa-swap-opacity .fa-primary {
|
||||||
|
opacity: 0.4;
|
||||||
|
opacity: var(--fa-secondary-opacity, 0.4); }
|
||||||
|
|
||||||
|
.svg-inline--fa.fa-swap-opacity .fa-secondary {
|
||||||
|
opacity: 1;
|
||||||
|
opacity: var(--fa-primary-opacity, 1); }
|
||||||
|
|
||||||
|
.svg-inline--fa mask .fa-primary,
|
||||||
|
.svg-inline--fa mask .fa-secondary {
|
||||||
|
fill: black; }
|
||||||
|
|
||||||
|
.fad.fa-inverse {
|
||||||
|
color: #fff; }
|
|
@ -0,0 +1,351 @@
|
||||||
|
/* Magnific Popup CSS */
|
||||||
|
.mfp-bg {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1042;
|
||||||
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
|
background: #0b0b0b;
|
||||||
|
opacity: 0.8; }
|
||||||
|
|
||||||
|
.mfp-wrap {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1043;
|
||||||
|
position: fixed;
|
||||||
|
outline: none !important;
|
||||||
|
-webkit-backface-visibility: hidden; }
|
||||||
|
|
||||||
|
.mfp-container {
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
padding: 0 8px;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
.mfp-container:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
height: 100%;
|
||||||
|
vertical-align: middle; }
|
||||||
|
|
||||||
|
.mfp-align-top .mfp-container:before {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-content {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: left;
|
||||||
|
z-index: 1045; }
|
||||||
|
|
||||||
|
.mfp-inline-holder .mfp-content,
|
||||||
|
.mfp-ajax-holder .mfp-content {
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-ajax-cur {
|
||||||
|
cursor: progress; }
|
||||||
|
|
||||||
|
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||||
|
cursor: -moz-zoom-out;
|
||||||
|
cursor: -webkit-zoom-out;
|
||||||
|
cursor: zoom-out; }
|
||||||
|
|
||||||
|
.mfp-zoom {
|
||||||
|
cursor: pointer;
|
||||||
|
cursor: -webkit-zoom-in;
|
||||||
|
cursor: -moz-zoom-in;
|
||||||
|
cursor: zoom-in; }
|
||||||
|
|
||||||
|
.mfp-auto-cursor .mfp-content {
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-close,
|
||||||
|
.mfp-arrow,
|
||||||
|
.mfp-preloader,
|
||||||
|
.mfp-counter {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.mfp-loading.mfp-figure {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-hide {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.mfp-preloader {
|
||||||
|
color: #CCC;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: -0.8em;
|
||||||
|
left: 8px;
|
||||||
|
right: 8px;
|
||||||
|
z-index: 1044; }
|
||||||
|
.mfp-preloader a {
|
||||||
|
color: #CCC; }
|
||||||
|
.mfp-preloader a:hover {
|
||||||
|
color: #FFF; }
|
||||||
|
|
||||||
|
.mfp-s-ready .mfp-preloader {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-s-error .mfp-content {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
button.mfp-close,
|
||||||
|
button.mfp-arrow {
|
||||||
|
overflow: visible;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
display: block;
|
||||||
|
outline: none;
|
||||||
|
padding: 0;
|
||||||
|
z-index: 1046;
|
||||||
|
box-shadow: none;
|
||||||
|
touch-action: manipulation; }
|
||||||
|
|
||||||
|
button::-moz-focus-inner {
|
||||||
|
padding: 0;
|
||||||
|
border: 0; }
|
||||||
|
|
||||||
|
.mfp-close {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
line-height: 44px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
opacity: 0.65;
|
||||||
|
padding: 0 0 18px 10px;
|
||||||
|
color: #FFF;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: Arial, Baskerville, monospace; }
|
||||||
|
.mfp-close:hover,
|
||||||
|
.mfp-close:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
.mfp-close:active {
|
||||||
|
top: 1px; }
|
||||||
|
|
||||||
|
.mfp-close-btn-in .mfp-close {
|
||||||
|
color: #333; }
|
||||||
|
|
||||||
|
.mfp-image-holder .mfp-close,
|
||||||
|
.mfp-iframe-holder .mfp-close {
|
||||||
|
color: #FFF;
|
||||||
|
right: -6px;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 6px;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.mfp-counter {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
color: #CCC;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 18px;
|
||||||
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
.mfp-arrow {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0.65;
|
||||||
|
margin: 0;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -55px;
|
||||||
|
padding: 0;
|
||||||
|
width: 90px;
|
||||||
|
height: 110px;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.mfp-arrow:active {
|
||||||
|
margin-top: -54px; }
|
||||||
|
.mfp-arrow:hover,
|
||||||
|
.mfp-arrow:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
.mfp-arrow:before,
|
||||||
|
.mfp-arrow:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
margin-top: 35px;
|
||||||
|
margin-left: 35px;
|
||||||
|
border: medium inset transparent; }
|
||||||
|
.mfp-arrow:after {
|
||||||
|
border-top-width: 13px;
|
||||||
|
border-bottom-width: 13px;
|
||||||
|
top: 8px; }
|
||||||
|
.mfp-arrow:before {
|
||||||
|
border-top-width: 21px;
|
||||||
|
border-bottom-width: 21px;
|
||||||
|
opacity: 0.7; }
|
||||||
|
|
||||||
|
.mfp-arrow-left {
|
||||||
|
left: 0; }
|
||||||
|
.mfp-arrow-left:after {
|
||||||
|
border-right: 17px solid #FFF;
|
||||||
|
margin-left: 31px; }
|
||||||
|
.mfp-arrow-left:before {
|
||||||
|
margin-left: 25px;
|
||||||
|
border-right: 27px solid #3F3F3F; }
|
||||||
|
|
||||||
|
.mfp-arrow-right {
|
||||||
|
right: 0; }
|
||||||
|
.mfp-arrow-right:after {
|
||||||
|
border-left: 17px solid #FFF;
|
||||||
|
margin-left: 39px; }
|
||||||
|
.mfp-arrow-right:before {
|
||||||
|
border-left: 27px solid #3F3F3F; }
|
||||||
|
|
||||||
|
.mfp-iframe-holder {
|
||||||
|
padding-top: 40px;
|
||||||
|
padding-bottom: 40px; }
|
||||||
|
.mfp-iframe-holder .mfp-content {
|
||||||
|
line-height: 0;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 900px; }
|
||||||
|
.mfp-iframe-holder .mfp-close {
|
||||||
|
top: -40px; }
|
||||||
|
|
||||||
|
.mfp-iframe-scaler {
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-top: 56.25%; }
|
||||||
|
.mfp-iframe-scaler iframe {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||||
|
background: #000; }
|
||||||
|
|
||||||
|
/* Main image in popup */
|
||||||
|
img.mfp-img {
|
||||||
|
width: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
line-height: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 40px 0 40px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
|
||||||
|
/* The shadow behind the image */
|
||||||
|
.mfp-figure {
|
||||||
|
line-height: 0; }
|
||||||
|
.mfp-figure:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 40px;
|
||||||
|
bottom: 40px;
|
||||||
|
display: block;
|
||||||
|
right: 0;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
z-index: -1;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||||
|
background: #444; }
|
||||||
|
.mfp-figure small {
|
||||||
|
color: #BDBDBD;
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px; }
|
||||||
|
.mfp-figure figure {
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
.mfp-bottom-bar {
|
||||||
|
margin-top: -36px;
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-title {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 18px;
|
||||||
|
color: #F3F3F3;
|
||||||
|
word-wrap: break-word;
|
||||||
|
padding-right: 36px; }
|
||||||
|
|
||||||
|
.mfp-image-holder .mfp-content {
|
||||||
|
max-width: 100%; }
|
||||||
|
|
||||||
|
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||||
|
/**
|
||||||
|
* Remove all paddings around the image on small screen
|
||||||
|
*/
|
||||||
|
.mfp-img-mobile .mfp-image-holder {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0; }
|
||||||
|
.mfp-img-mobile img.mfp-img {
|
||||||
|
padding: 0; }
|
||||||
|
.mfp-img-mobile .mfp-figure:after {
|
||||||
|
top: 0;
|
||||||
|
bottom: 0; }
|
||||||
|
.mfp-img-mobile .mfp-figure small {
|
||||||
|
display: inline;
|
||||||
|
margin-left: 5px; }
|
||||||
|
.mfp-img-mobile .mfp-bottom-bar {
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
bottom: 0;
|
||||||
|
margin: 0;
|
||||||
|
top: auto;
|
||||||
|
padding: 3px 5px;
|
||||||
|
position: fixed;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||||
|
padding: 0; }
|
||||||
|
.mfp-img-mobile .mfp-counter {
|
||||||
|
right: 5px;
|
||||||
|
top: 3px; }
|
||||||
|
.mfp-img-mobile .mfp-close {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
position: fixed;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0; } }
|
||||||
|
|
||||||
|
@media all and (max-width: 900px) {
|
||||||
|
.mfp-arrow {
|
||||||
|
-webkit-transform: scale(0.75);
|
||||||
|
transform: scale(0.75); }
|
||||||
|
.mfp-arrow-left {
|
||||||
|
-webkit-transform-origin: 0;
|
||||||
|
transform-origin: 0; }
|
||||||
|
.mfp-arrow-right {
|
||||||
|
-webkit-transform-origin: 100%;
|
||||||
|
transform-origin: 100%; }
|
||||||
|
.mfp-container {
|
||||||
|
padding-left: 6px;
|
||||||
|
padding-right: 6px; } }
|
|
@ -0,0 +1,156 @@
|
||||||
|
|
||||||
|
/*! #######################################################################
|
||||||
|
|
||||||
|
MeanMenu 2.0.7
|
||||||
|
--------
|
||||||
|
|
||||||
|
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
|
||||||
|
|
||||||
|
####################################################################### */
|
||||||
|
|
||||||
|
/* hide the link until viewport size is reached */
|
||||||
|
a.meanmenu-reveal {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* when under viewport size, .mean-container is added to body */
|
||||||
|
.mean-container .mean-bar {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
background: #070337;
|
||||||
|
padding: 4px 0;
|
||||||
|
min-height: 42px;
|
||||||
|
z-index: 999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container a.meanmenu-reveal {
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
padding: 13px 13px 11px 13px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 16px;
|
||||||
|
text-indent: -9999em;
|
||||||
|
line-height: 22px;
|
||||||
|
font-size: 1px;
|
||||||
|
display: block;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container a.meanmenu-reveal span {
|
||||||
|
display: block;
|
||||||
|
background: #fff;
|
||||||
|
height: 3px;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
background: #070337;
|
||||||
|
margin-top: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li {
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li a {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: 90%;
|
||||||
|
padding: 10px 5%;
|
||||||
|
margin: 0;
|
||||||
|
text-align: left;
|
||||||
|
color: #fff;
|
||||||
|
border-top: 1px solid #e0e3ed;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li li a {
|
||||||
|
width: 80%;
|
||||||
|
padding: 10px 10%;
|
||||||
|
text-shadow: none !important;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li.mean-last a {
|
||||||
|
border-bottom: none;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li li li a {
|
||||||
|
width: 70%;
|
||||||
|
padding: 10px 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li li li li a {
|
||||||
|
width: 60%;
|
||||||
|
padding: 10px 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li li li li li a {
|
||||||
|
width: 50%;
|
||||||
|
padding: 10px 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand {
|
||||||
|
margin-top: 1px;
|
||||||
|
width: 26px;
|
||||||
|
height: 32px;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 2;
|
||||||
|
font-weight: 700;
|
||||||
|
background: transparent;
|
||||||
|
border: none !important;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mean-container .mean-push {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-nav .wrapper {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fix for box sizing on Foundation Framework etc. */
|
||||||
|
.mean-container .mean-bar, .mean-container .mean-bar * {
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mean-remove {
|
||||||
|
display: none !important;
|
||||||
|
}
|
|
@ -0,0 +1,181 @@
|
||||||
|
|
||||||
|
|
||||||
|
.nice-select {
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: solid 1px #e8e8e8;
|
||||||
|
box-sizing: border-box;
|
||||||
|
clear: both;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 40px;
|
||||||
|
outline: none;
|
||||||
|
padding-left: 18px;
|
||||||
|
padding-right: 30px;
|
||||||
|
position: relative;
|
||||||
|
text-align: left !important;
|
||||||
|
-webkit-transition: all 0.2s ease-in-out;
|
||||||
|
transition: all 0.2s ease-in-out;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select:hover {
|
||||||
|
border-color: #dbdbdb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select:active,
|
||||||
|
.nice-select.open,
|
||||||
|
.nice-select:focus {
|
||||||
|
border-color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select:after {
|
||||||
|
border-bottom: 2px solid #999;
|
||||||
|
border-right: 2px solid #999;
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
height: 5px;
|
||||||
|
margin-top: -4px;
|
||||||
|
pointer-events: none;
|
||||||
|
position: absolute;
|
||||||
|
right: 12px;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform-origin: 66% 66%;
|
||||||
|
-ms-transform-origin: 66% 66%;
|
||||||
|
transform-origin: 66% 66%;
|
||||||
|
-webkit-transform: rotate(45deg);
|
||||||
|
-ms-transform: rotate(45deg);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
-webkit-transition: all 0.15s ease-in-out;
|
||||||
|
transition: all 0.15s ease-in-out;
|
||||||
|
width: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.open:after {
|
||||||
|
-webkit-transform: rotate(-135deg);
|
||||||
|
-ms-transform: rotate(-135deg);
|
||||||
|
transform: rotate(-135deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.open .list {
|
||||||
|
opacity: 1;
|
||||||
|
pointer-events: auto;
|
||||||
|
-webkit-transform: scale(1) translateY(0);
|
||||||
|
-ms-transform: scale(1) translateY(0);
|
||||||
|
transform: scale(1) translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.disabled {
|
||||||
|
border-color: #ededed;
|
||||||
|
color: #999;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.disabled:after {
|
||||||
|
border-color: #cccccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.wide {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.wide .list {
|
||||||
|
left: 0 !important;
|
||||||
|
right: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.right {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.right .list {
|
||||||
|
left: auto;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.small {
|
||||||
|
font-size: 12px;
|
||||||
|
height: 36px;
|
||||||
|
line-height: 34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.small:after {
|
||||||
|
height: 4px;
|
||||||
|
width: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select.small .option {
|
||||||
|
line-height: 34px;
|
||||||
|
min-height: 34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select .list {
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-top: 4px;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
-webkit-transform-origin: 50% 0;
|
||||||
|
-ms-transform-origin: 50% 0;
|
||||||
|
transform-origin: 50% 0;
|
||||||
|
-webkit-transform: scale(0.75) translateY(-21px);
|
||||||
|
-ms-transform: scale(0.75) translateY(-21px);
|
||||||
|
transform: scale(0.75) translateY(-21px);
|
||||||
|
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||||
|
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.nice-select .option {
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 40px;
|
||||||
|
list-style: none;
|
||||||
|
min-height: 40px;
|
||||||
|
outline: none;
|
||||||
|
padding-left: 18px;
|
||||||
|
padding-right: 29px;
|
||||||
|
text-align: left;
|
||||||
|
-webkit-transition: all 0.2s;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.nice-select .option.selected {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nice-select .option.disabled {
|
||||||
|
background-color: transparent;
|
||||||
|
color: #999;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-csspointerevents .nice-select .list {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-csspointerevents .nice-select.open .list {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,310 @@
|
||||||
|
/* Functional styling;
|
||||||
|
* These styles are required for noUiSlider to function.
|
||||||
|
* You don't need to change these rules to apply your design.
|
||||||
|
*/
|
||||||
|
.noUi-target,
|
||||||
|
.noUi-target * {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-touch-action: none;
|
||||||
|
touch-action: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.noUi-target {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.noUi-base,
|
||||||
|
.noUi-connects {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
/* Wrapper for all connect elements.
|
||||||
|
*/
|
||||||
|
.noUi-connects {
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
.noUi-connect,
|
||||||
|
.noUi-origin {
|
||||||
|
will-change: transform;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
-ms-transform-origin: 0 0;
|
||||||
|
-webkit-transform-origin: 0 0;
|
||||||
|
-webkit-transform-style: preserve-3d;
|
||||||
|
transform-origin: 0 0;
|
||||||
|
transform-style: flat;
|
||||||
|
}
|
||||||
|
/* Offset direction
|
||||||
|
*/
|
||||||
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
|
||||||
|
left: 0;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
|
/* Give origins 0 height/width so they don't interfere with clicking the
|
||||||
|
* connect elements.
|
||||||
|
*/
|
||||||
|
.noUi-vertical .noUi-origin {
|
||||||
|
top: -100%;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
.noUi-horizontal .noUi-origin {
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.noUi-handle {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.noUi-touch-area {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.noUi-state-tap .noUi-connect,
|
||||||
|
.noUi-state-tap .noUi-origin {
|
||||||
|
-webkit-transition: transform 0.3s;
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.noUi-state-drag * {
|
||||||
|
cursor: inherit !important;
|
||||||
|
}
|
||||||
|
/* Slider size and handle placement;
|
||||||
|
*/
|
||||||
|
.noUi-horizontal {
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.noUi-horizontal .noUi-handle {
|
||||||
|
width: 34px;
|
||||||
|
height: 28px;
|
||||||
|
right: -17px;
|
||||||
|
top: -6px;
|
||||||
|
}
|
||||||
|
.noUi-vertical {
|
||||||
|
width: 18px;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-handle {
|
||||||
|
width: 28px;
|
||||||
|
height: 34px;
|
||||||
|
right: -6px;
|
||||||
|
bottom: -17px;
|
||||||
|
}
|
||||||
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
|
||||||
|
left: -17px;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
|
/* Styling;
|
||||||
|
* Giving the connect element a border radius causes issues with using transform: scale
|
||||||
|
*/
|
||||||
|
.noUi-target {
|
||||||
|
background: #FAFAFA;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #D3D3D3;
|
||||||
|
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
|
||||||
|
}
|
||||||
|
.noUi-connects {
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.noUi-connect {
|
||||||
|
background: #3FB8AF;
|
||||||
|
}
|
||||||
|
/* Handles and cursors;
|
||||||
|
*/
|
||||||
|
.noUi-draggable {
|
||||||
|
cursor: ew-resize;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-draggable {
|
||||||
|
cursor: ns-resize;
|
||||||
|
}
|
||||||
|
.noUi-handle {
|
||||||
|
border: 1px solid #D9D9D9;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #FFF;
|
||||||
|
cursor: default;
|
||||||
|
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
|
||||||
|
}
|
||||||
|
.noUi-active {
|
||||||
|
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
|
||||||
|
}
|
||||||
|
/* Handle stripes;
|
||||||
|
*/
|
||||||
|
.noUi-handle:before,
|
||||||
|
.noUi-handle:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
height: 14px;
|
||||||
|
width: 1px;
|
||||||
|
background: #E8E7E6;
|
||||||
|
left: 14px;
|
||||||
|
top: 6px;
|
||||||
|
}
|
||||||
|
.noUi-handle:after {
|
||||||
|
left: 17px;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-handle:before,
|
||||||
|
.noUi-vertical .noUi-handle:after {
|
||||||
|
width: 14px;
|
||||||
|
height: 1px;
|
||||||
|
left: 6px;
|
||||||
|
top: 14px;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-handle:after {
|
||||||
|
top: 17px;
|
||||||
|
}
|
||||||
|
/* Disabled state;
|
||||||
|
*/
|
||||||
|
[disabled] .noUi-connect {
|
||||||
|
background: #B8B8B8;
|
||||||
|
}
|
||||||
|
[disabled].noUi-target,
|
||||||
|
[disabled].noUi-handle,
|
||||||
|
[disabled] .noUi-handle {
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
/* Base;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-pips,
|
||||||
|
.noUi-pips * {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.noUi-pips {
|
||||||
|
position: absolute;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
/* Values;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-value {
|
||||||
|
position: absolute;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.noUi-value-sub {
|
||||||
|
color: #ccc;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
/* Markings;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-marker {
|
||||||
|
position: absolute;
|
||||||
|
background: #CCC;
|
||||||
|
}
|
||||||
|
.noUi-marker-sub {
|
||||||
|
background: #AAA;
|
||||||
|
}
|
||||||
|
.noUi-marker-large {
|
||||||
|
background: #AAA;
|
||||||
|
}
|
||||||
|
/* Horizontal layout;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-pips-horizontal {
|
||||||
|
padding: 10px 0;
|
||||||
|
height: 80px;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.noUi-value-horizontal {
|
||||||
|
-webkit-transform: translate(-50%, 50%);
|
||||||
|
transform: translate(-50%, 50%);
|
||||||
|
}
|
||||||
|
.noUi-rtl .noUi-value-horizontal {
|
||||||
|
-webkit-transform: translate(50%, 50%);
|
||||||
|
transform: translate(50%, 50%);
|
||||||
|
}
|
||||||
|
.noUi-marker-horizontal.noUi-marker {
|
||||||
|
margin-left: -1px;
|
||||||
|
width: 2px;
|
||||||
|
height: 5px;
|
||||||
|
}
|
||||||
|
.noUi-marker-horizontal.noUi-marker-sub {
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
.noUi-marker-horizontal.noUi-marker-large {
|
||||||
|
height: 15px;
|
||||||
|
}
|
||||||
|
/* Vertical layout;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-pips-vertical {
|
||||||
|
padding: 0 10px;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
.noUi-value-vertical {
|
||||||
|
-webkit-transform: translate(0, -50%);
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
padding-left: 25px;
|
||||||
|
}
|
||||||
|
.noUi-rtl .noUi-value-vertical {
|
||||||
|
-webkit-transform: translate(0, 50%);
|
||||||
|
transform: translate(0, 50%);
|
||||||
|
}
|
||||||
|
.noUi-marker-vertical.noUi-marker {
|
||||||
|
width: 5px;
|
||||||
|
height: 2px;
|
||||||
|
margin-top: -1px;
|
||||||
|
}
|
||||||
|
.noUi-marker-vertical.noUi-marker-sub {
|
||||||
|
width: 10px;
|
||||||
|
}
|
||||||
|
.noUi-marker-vertical.noUi-marker-large {
|
||||||
|
width: 15px;
|
||||||
|
}
|
||||||
|
.noUi-tooltip {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
border: 1px solid #D9D9D9;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #fff;
|
||||||
|
color: #000;
|
||||||
|
padding: 5px;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.noUi-horizontal .noUi-tooltip {
|
||||||
|
-webkit-transform: translate(-50%, 0);
|
||||||
|
transform: translate(-50%, 0);
|
||||||
|
left: 50%;
|
||||||
|
bottom: 120%;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-tooltip {
|
||||||
|
-webkit-transform: translate(0, -50%);
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
top: 50%;
|
||||||
|
right: 120%;
|
||||||
|
}
|
||||||
|
.noUi-horizontal .noUi-origin > .noUi-tooltip {
|
||||||
|
-webkit-transform: translate(50%, 0);
|
||||||
|
transform: translate(50%, 0);
|
||||||
|
left: auto;
|
||||||
|
bottom: 10px;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-origin > .noUi-tooltip {
|
||||||
|
-webkit-transform: translate(0, -18px);
|
||||||
|
transform: translate(0, -18px);
|
||||||
|
top: auto;
|
||||||
|
right: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.inside-slider{
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
|
@ -0,0 +1,119 @@
|
||||||
|
/* Slider */
|
||||||
|
.slick-slider
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-ms-touch-action: pan-y;
|
||||||
|
touch-action: pan-y;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-list
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.slick-list:focus
|
||||||
|
{
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
.slick-list.dragging
|
||||||
|
{
|
||||||
|
cursor: pointer;
|
||||||
|
cursor: hand;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-slider .slick-track,
|
||||||
|
.slick-slider .slick-list
|
||||||
|
{
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
-moz-transform: translate3d(0, 0, 0);
|
||||||
|
-ms-transform: translate3d(0, 0, 0);
|
||||||
|
-o-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-track
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.slick-track:before,
|
||||||
|
.slick-track:after
|
||||||
|
{
|
||||||
|
display: table;
|
||||||
|
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
.slick-track:after
|
||||||
|
{
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.slick-loading .slick-track
|
||||||
|
{
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-slide
|
||||||
|
{
|
||||||
|
display: none;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
height: 100%;
|
||||||
|
min-height: 1px;
|
||||||
|
}
|
||||||
|
[dir='rtl'] .slick-slide
|
||||||
|
{
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.slick-slide img
|
||||||
|
{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.slick-slide.slick-loading img
|
||||||
|
{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.slick-slide.dragging img
|
||||||
|
{
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.slick-initialized .slick-slide
|
||||||
|
{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.slick-loading .slick-slide
|
||||||
|
{
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.slick-vertical .slick-slide
|
||||||
|
{
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
height: auto;
|
||||||
|
|
||||||
|
border: 1px solid transparent;
|
||||||
|
}
|
||||||
|
.slick-arrow.slick-hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
After Width: | Height: | Size: 271 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 811 B |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 7.7 KiB |
After Width: | Height: | Size: 161 KiB |
After Width: | Height: | Size: 92 KiB |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 1.3 MiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 779 KiB |
After Width: | Height: | Size: 334 KiB |
After Width: | Height: | Size: 187 KiB |
After Width: | Height: | Size: 211 KiB |
After Width: | Height: | Size: 560 KiB |
After Width: | Height: | Size: 250 KiB |
After Width: | Height: | Size: 304 KiB |
After Width: | Height: | Size: 122 KiB |
After Width: | Height: | Size: 370 KiB |
After Width: | Height: | Size: 1008 KiB |
After Width: | Height: | Size: 99 KiB |
After Width: | Height: | Size: 192 KiB |
After Width: | Height: | Size: 350 KiB |
After Width: | Height: | Size: 880 B |
After Width: | Height: | Size: 880 B |
After Width: | Height: | Size: 880 B |
After Width: | Height: | Size: 880 B |
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 7.6 KiB |
After Width: | Height: | Size: 7.9 KiB |
After Width: | Height: | Size: 3.2 KiB |