n.kolosnaj/Globaly-CSS-Practice
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

jun 18

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-18 16:52:52 +02:00
parent 252fe7ce44
commit 056aceaaaa
46 changed files with 6791 additions and 1407 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
cases.php
View File

@@ -48,10 +48,10 @@
</li>
</ul>
<div class="form-container">
<form class="form-search d-flex align-items-center d-sm-flex justify-content-sm-between" role="search">
<form class="form-search d-flex align-items-center d-sm-flex justify-content-sm-between mb-0" role="search">
<input id="src-input" class="form-control rounded-0 border-0" type="search" placeholder="Search ...">
<button class="btn" type="submit" style="padding-bottom: 0px;padding-top: 0px;">
<span class="material-icons">
<span class="material-icons pt-1">
search
</span>
</button>
@@ -96,17 +96,15 @@
<img src="assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
<div class="dropdown" id="dropdownid" style="position: absolute; width:fit-content;">
<a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-users"></i>
<i class="fa-solid fa-users"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<?php if (loggedin()) {
echo '<li><a class="dropdown-item" href="login.html">Log in</a></li>
<li><a class="dropdown-item" href="signup.php">Sign up</a></li>
<li><a class="dropdown-item" href="php/logout.php">Log out</a></li>';
echo '<li><a class="dropdown-item" href="php/logout.php">Log out</a></li>';
} else {
echo '<li><a class="dropdown-item" href="login.html">Log in</a></li>
<li><a class="dropdown-item" href="signup.php">Sign up</a></li>';
<li><a class="dropdown-item" href="signup.php">Sign up</a></li>';
} ?>
</ul>
</div>
@@ -295,7 +293,6 @@
<input class="view-more" type="submit" value="read more">
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card-fourth px-md-2 px-lg-3">
<img class="img-fourth" src="assets/images/image42.jpg" style="height: fit-content; width: fit-content;" alt="">
@@ -327,7 +324,6 @@
<!-- form-s -->
<div class="form-about d-flex flex-column align-items-center justify-content-center my-md-5 mb-5 pt-lg-0 my-lg-0">
<div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3 mx-3" style="text-align: center;">Request</h3>
@@ -343,14 +339,38 @@
</div>
</section>
<!-- footer -->
<footer class="d-flex flex-column justify-content-center align-items-center pb-4 py-lg-5 py-md-5">
<img src="assets/images/footer-logo.webp" class="mt-3 mt-md-0" alt="">
<div class="footer-copyright">
(c)2024 Globaly. All rights reserved. |
<a href="#">Privacy Policy</a>
</div>
</footer>
<!-- footer -->
<footer class="d-flex flex-column justify-content-center align-items-center pb-4 py-lg-5 py-md-5">
<div class="scrollToTopBtn">
<button onclick="topFunction()" id="scrollToTopBtn"><i class="fa-solid fa-chevron-up"></i></button>
</div>
<img src="assets/images/footer-logo.webp" class="mt-3 mt-md-0" alt="">
<div class="footer-copyright">
(c)2024 Globaly. All rights reserved. |
<a href="#">Privacy Policy</a>
</div>
</footer>
<script>
// Get the button
let mybutton = document.getElementById("scrollToTopBtn");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>