ojs/app/index.html
2025-12-06 01:25:31 +04:00

408 lines
12 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Scientific Journal</title>
<link rel="stylesheet" href="css/app.min.css">
<meta property="og:type" content="website">
<meta property="og:title" content="Starter Template for bulma">
<meta property="og:description" content="Bulma is a CSS framework based on Flexbox and built with Sass.">
<meta property="og:site_name" content="Starter Template for bulma">
</head>
<body class="has-navbar-fixed-top">
<nav class="navbar is-white is-fixed-top" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="">
<img src="https://imgholder.ru/112x28/444444/FFFFFF&text=LOGO&font=kelson&fz=16" width="112" height="28">
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="topmenu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="topmenu" class="navbar-menu">
<div class="navbar-start">
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
About Journal
</a>
<div class="navbar-dropdown is-right is-boxed">
<a class="navbar-item">
About Journal
</a>
<a class="navbar-item">
Editorial Team
</a>
<a class="navbar-item">
Author Guidelines
</a>
<a class="navbar-item">
Announcements
</a>
<hr class="navbar-divider">
<a class="navbar-item">
Contacts
</a>
</div>
</div>
<a class="navbar-item">
Current issue
</a>
<a class="navbar-item">
Archive
</a>
<a class="navbar-item">
Contacts
</a>
</div>
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-light">
Log in
</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
<i class="fa fa-search is-size-5" aria-hidden="true"></i>
</a>
<div class="navbar-dropdown navform">
<form method="get" action="">
<div class="field has-addons navbar-item">
<div class="control has-icons-left">
<input class="input" type="text" value="" name="s" placeholder="Search">
<span class="icon is-small is-left">
<i class="fa fa-search"></i>
</span>
</div>
<div class="control">
<button class="button is-link">Search</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</nav>
<section class="hero is-link grave">
<div class="container">
<div class="hero-body">
<p class="title diablo">
Scientific Journal
</p>
</div>
</div>
</section>
<div class="container">
<section class="section">
<div class="columns">
<div class="column is-3">
<aside class="menu">
<p class="menu-label">
About journal
</p>
<ul class="menu-list">
<li><a>About journal</a></li>
<li><a>Editorial Team</a></li>
<li><a>Contacts</a></li>
</ul>
<p class="menu-label"></p>
<ul class="menu-list">
<li><a>Current issue</a></li>
<li><a>Past issues</a></li>
<li><a>Contacts</a></li>
</ul>
<p class="menu-label"></p>
<p class="menu-label">
Submissions
</p>
<ul class="menu-list">
<li><a>Author Guidelines</a></li>
<li><a>Login or register to submit </a></li>
</ul>
<p class="menu-label"></p>
<ul class="menu-list">
<li><a>Announcements</a></li>
<li><a>Login </a></li>
</ul>
<p class="menu-label"></p>
</aside>
</div>
<div class="column is-6">
<nav class="breadcrumb" aria-label="breadcrumbs">
<ul>
<li><a href="#">
<span class="icon is-small">
<i class="fa fa-home" aria-hidden="true"></i>
</span>
<span>Номе</span></a>
</li>
<li><a href="#">
<span class="icon is-small">
<i class="fa fa-desk" aria-hidden="true"></i>
</span>
<span>Archive</span></a>
</li>
<li>
<span class="icon is-small">
<i class="fa fa-book" aria-hidden="true"></i>
</span>
<span>Value 1, No 1 (2021)</span>
</li>
</ul>
</nav>
<div class="content">
<h2 class="has-text-link">Vol 10, No 3 (2020)</h2>
<h3>Table of Contents</h3>
<h1 class="title has-text-link">Scientific Journal</h1>
<hr/>
<p>Journal is an international peer-reviewed, partly open-access journal that appears in both digital and print format. It aims to take scientific, and return it to the forefront of conceptual developments in the discipline.</p>
<h3>Free access journal</h3>
<p>The University publishes one free-access journal: HAU: Journal. This model provides one month of free access after the release of each new issue, and then requires a subscription for continuous access to content. content published from 2011-2017 is open access.</p>
<div class="block">
<p><span class="tag is-link">726733</span></p>
<a href=""><h6>Hindu nationalisms crisis machine</h6></a>
<p><i>Ravi Sundaram</i></p>
<div class="buttons">
<button class="button is-link is-light">HTML</button>
<button class="button is-link is-light">PDF</button>
<button class="button is-link is-light">EPUB</button>
</div>
</div>
<hr/>
<div class="block">
<p><span class="tag is-link">726733</span></p>
<a href=""><h6>Hindu nationalisms crisis machine</h6></a>
<p><i>Ravi Sundaram</i></p>
<div class="buttons">
<button class="button is-link is-light">HTML</button>
<button class="button is-link is-light">PDF</button>
<button class="button is-link is-light">EPUB</button>
</div>
</div>
<hr/>
<div class="block">
<p><span class="tag is-link">726733</span></p>
<a href=""><h6>Hindu nationalisms crisis machine</h6></a>
<p><i>Ravi Sundaram</i></p>
<div class="buttons">
<button class="button is-link is-light">HTML</button>
<button class="button is-link is-light">PDF</button>
<button class="button is-link is-light">EPUB</button>
</div>
</div>
<hr/>
<div class="block">
<p><span class="tag is-link">726733</span></p>
<a href=""><h6>Hindu nationalisms crisis machine</h6></a>
<p><i>Ravi Sundaram</i></p>
<div class="buttons">
<button class="button is-link is-light">HTML</button>
<button class="button is-link is-light">PDF</button>
<button class="button is-link is-light">EPUB</button>
</div>
</div>
<hr/>
<div class="block">
<p><span class="tag is-link">726733</span></p>
<a href=""><h6>Hindu nationalisms crisis machine</h6></a>
<p><i>Ravi Sundaram</i></p>
<div class="buttons">
<button class="button is-link is-light">HTML</button>
<button class="button is-link is-light">PDF</button>
<button class="button is-link is-light">EPUB</button>
</div>
</div>
<hr/>
<div class="block">
<p><span class="tag is-link">726733</span></p>
<a href=""><h6>Hindu nationalisms crisis machine</h6></a>
<p><i>Ravi Sundaram</i></p>
<div class="buttons">
<button class="button is-link is-light">HTML</button>
<button class="button is-link is-light">PDF</button>
<button class="button is-link is-light">EPUB</button>
</div>
</div>
<hr/>
<div class="block">
<p><span class="tag is-link">726733</span></p>
<a href=""><h6>Hindu nationalisms crisis machine</h6></a>
<p><i>Ravi Sundaram</i></p>
<div class="buttons">
<button class="button is-link is-light">HTML</button>
<button class="button is-link is-light">PDF</button>
<button class="button is-link is-light">EPUB</button>
</div>
</div>
<hr/>
<div class="block">
<p><span class="tag is-link">726733</span></p>
<a href=""><h6>Hindu nationalisms crisis machine</h6></a>
<p><i>Ravi Sundaram</i></p>
<div class="buttons">
<button class="button is-link is-light">HTML</button>
<button class="button is-link is-light">PDF</button>
<button class="button is-link is-light">EPUB</button>
</div>
</div>
<hr/>
</div>
</div>
<aside class="column menu is-2">
<p class="menu-label">
Login and Register
</p>
<ul class="menu-list">
<li>
<div class="tags">
<span class="tag">
<a>Register</a>
</span>
<span class="tag">
<a>Lost Pswd?</a>
</span>
</div>
</li>
<li>
<div class="field">
<p class="control has-icons-left has-icons-right">
<input class="input" type="email" placeholder="Email">
<span class="icon is-small is-left">
<i class="fas fa-envelope"></i>
</span>
<span class="icon is-small is-right">
<i class="fas fa-check"></i>
</span>
</p>
</div>
<div class="field">
<p class="control has-icons-left">
<input class="input" type="password" placeholder="Password">
<span class="icon is-small is-left">
<i class="fas fa-lock"></i>
</span>
</p>
</div>
<div class="field">
<p class="control">
<button class="button is-link">
Login
</button>
</p>
</div>
</li>
</ul>
</aside>
</div>
</section>
</div>
<footer class="footer has-background-link">
<div class="container">
<div class="columns">
<div class="column is-3">
<h3 class="is-size-4 has-text-centered">Контакты</h3>
<nav class="is-margin-top-2 is-family-code">
<ul>
<li><a >
<span class="is-margin-right-2 has-text-danger">
<i class="fa fa-compass" aria-hidden="true"></i>
</span>
Москва, улица ТАкая-то, дом 12, корпус 3
</a>
</li>
<li><a href="tel:">
<span class="is-margin-right-2 has-text-danger">
<i class="fa fa-phone" aria-hidden="true"></i>
</span>
8(937)54543253
</a></li>
</ul>
</nav>
</div>
<div class="column is-3">
</div>
<div class="column is-3">
</div>
<div class="column is-3">
<h3 class="is-size-4 has-text-centered">Соцсети</h3>
<nav class="is-margin-top-2 is-family-code">
<ul>
<li><a >
<span class="is-margin-right-2 has-text-instagram">
<i class="fa fa-instagram" aria-hidden="true"></i>
</span>
Instagram
</a></li>
<li><a >
<span class="is-margin-right-2 has-text-vk">
<i class="fa fa-vk" aria-hidden="true"></i>
</span>
Вконтакте
</a></li>
<li><a >
<span class="is-margin-right-2 has-text-facebook">
<i class="fa fa-facebook" aria-hidden="true"></i>
</span>
Facebook
</a></li>
<li><a >
<span class="is-margin-right-2 has-text-youtube">
<i class="fa fa-youtube" aria-hidden="true"></i>
</span>
Youtube
</a></li>
<li><a >
<span class="is-margin-right-2 has-text-telegram">
<i class="fa fa-telegram" aria-hidden="true"></i>
</span>
Telegram
</a></li>
</ul>
</nav>
</div>
</div>
<hr/>
<div class="columns">
<div class="column is-full">
копирайты и прочее
</div>
</div>
</div>
</footer>
<script src="js/app.min.js"></script>
</body>
</html>