Skip to content

Commit

Permalink
update footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@flexxdnx
flexxdnx committed Oct 20, 2024
1 parent 077180b commit 16d1103
Show file tree
Hide file tree
Showing 3 changed files with 162 additions and 54 deletions.
48 changes: 47 additions & 1 deletion css/header_footer.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,13 +62,59 @@ html, body{
}

footer {
height: 10vh;
margin-top: 5vh;
height: max-content;
width: 100%;
bottom: 0;
background-color: black;
flex-shrink: 0;
display: flex !important;
flex-direction: row !important;
}

.left-footer-cont{
width: 70%;
}

.footer-content{
width: 37%;
font-size: medium;
margin-top: 1vh !important;
}

.footer-content a{
font-size: x-large;
color: white;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px;

}

.right-footer-cont{
width: 30%;
display: flex !important;
justify-content: end !important;
}

.footer-links{
margin-top: 1vh;
font-size: medium;
color: white;
display: flex;
gap: 4vh;
}
.footer-links a{
color: white;
}

.footer-links a:hover{
color: rgb(173, 173, 173);
}

.footer-content a:hover{
color: rgb(173, 173, 173);
}
@media (max-width: 1197px) {
.language-button {
display: none;
Expand Down
139 changes: 86 additions & 53 deletions home_en.html
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
<!DOCTYPE html>

<html lang = "en">
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Home</title>

<link href="css/header_footer.css" rel="stylesheet" />
<link href="css/home.css" rel="stylesheet" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
Expand All @@ -27,7 +27,8 @@
</a>
<li class="language-button-mobile nav-item ml-auto mr-3 ">
<div class="dropdown">
<button class="btn d-flex align-items-center" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
<button class="btn d-flex align-items-center" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown"
aria-expanded="false">
<img src="img/globe-icon.svg" alt="" class="globe-icon">
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenuButton">
Expand All @@ -40,30 +41,31 @@
</ul>
</div>
</li>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active ml-1 mr-1 ">
<a class="nav-link hovering" href="home_en.html">Home</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="html/about_en.html">About</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="html/instructions_en.html">How To Use</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="html/downloads_en.html">Versions & Installation</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="html/publications_en.html">Scientific Publications</a>
</li>
<li class="language-button nav-item ml-1 mr-1">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active ml-1 mr-1 ">
<a class="nav-link hovering" href="home_en.html">Home</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="html/about_en.html">About</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="html/instructions_en.html">How To Use</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="html/downloads_en.html">Versions & Installation</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="html/publications_en.html">Scientific Publications</a>
</li>
<li class="language-button nav-item ml-1 mr-1">
<div class="dropdown">
<button class="btn d-flex align-items-center" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
<button class="btn d-flex align-items-center" type="button" id="dropdownMenuButton"
data-bs-toggle="dropdown" aria-expanded="false">
<img src="img/globe-icon.svg" alt="" class="globe-icon">
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenuButton">
Expand All @@ -75,34 +77,65 @@
</li>
</ul>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<div class="content">
<div class="heading-cont">
<h3 class="h3 ml-5 mt-5">Tool for 3D modeling and visualization of microstructures</h3><br>
</div>
</nav>
</header>
<div class="content">
<div class="heading-cont">
<h3 class="h3 ml-5 mt-5">Tool for 3D modeling and visualization of microstructures</h3><br>
</div>
<div class="cont">
<div class="main-left">
<br>
<p class="ml-5 ">It is a powerful software for creating and visualizing microstructures using cellular automata. The tool allows you to model complex structures of materials, animation of the process of their formation and detailed analysis.</p>
<div class="button-cont">
<a target="_blank" href="https://github.com/MME-NTU-KhPI/MatViz3D">
<button class="download-button ml-5">
</button>
</a>

</div>
</div>
<div class="main-right">
<img src="img/cube-pic.png" alt="" class="cube-pic">
</div>
</div>
</div>
<footer class="border-top border-dark">
<div class="cont">
<div class="main-left">
<br>
<p class="ml-5 ">It is a powerful software for creating and visualizing microstructures using cellular automata.
The tool allows you to model complex structures of materials, animation of the process of their formation and
detailed analysis.</p>
<div class="button-cont">
<a target="_blank" href="https://github.com/MME-NTU-KhPI/MatViz3D">
<button class="download-button ml-5">
</button>
</a>

</footer>
</div>
</div>
<div class="main-right">
<img src="img/cube-pic.png" alt="" class="cube-pic">
</div>
</div>
</div>
<footer class="border-top border-dark">
<div class="left-footer-cont">
<div class="footer-content ml-5">
<a href="https://github.com/MME-NTU-KhPI/MatViz3D" target="_blank">
MatViz3D
</a>
<p>
Department of Mathematical Modeling and Intelligent Computing in Engineering (MMI), NTU "KhPI", st. 2
Kyrpychova
Ave., c. Kharkiv, Ukraine, 61002
</p>
<p>
[email protected]
</p>
</a>
</div>
</div>
<div class="right-footer-cont">
<div class="footer-links mr-5">
<a href="https://web.kpi.kharkov.ua/dpm/uk/istoriya-kafedri/">
About the Department
</a>
<a href="#">
Team
</a>
<a href="https://web.kpi.kharkov.ua/dpm/uk/kontaktna-informatsiya-kafedri/">
Contact
</a>
</div>
</div>
</footer>
</body>

</html>
29 changes: 29 additions & 0 deletions html/about_en.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,35 @@

</div>
<footer class="border-top border-dark">
<div class="left-footer-cont">
<div class="footer-content ml-5">
<a href="https://github.com/MME-NTU-KhPI/MatViz3D" target="_blank">
MatViz3D
</a>
<p>
Department of Mathematical Modeling and Intelligent Computing in Engineering (MMI), NTU "KhPI", st. 2
Kyrpychova
Ave., c. Kharkiv, Ukraine, 61002
</p>
<p>
[email protected]
</p>
</a>
</div>
</div>
<div class="right-footer-cont">
<div class="footer-links mr-5">
<a href="https://web.kpi.kharkov.ua/dpm/uk/istoriya-kafedri/">
About the Department
</a>
<a href="#">
Team
</a>
<a href="https://web.kpi.kharkov.ua/dpm/uk/kontaktna-informatsiya-kafedri/">
Contact
</a>
</div>
</div>
</footer>
</body>
</html>

0 comments on commit 16d1103

Please sign in to comment.