-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
AdmanRj_Polari$-0005
authored and
AdmanRj_Polari$-0005
committed
Dec 14, 2021
1 parent
aefb9e8
commit a28d9b7
Showing
30 changed files
with
510 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> | ||
| <link rel="stylesheet" href="./css/style.css"> | ||
|
|
||
| <title>Omni-Solutions Tech | About Us</title> | ||
| </head> | ||
| <body> | ||
| <div class="menu-btn"> | ||
| <i class="fas fa-bars fa-2x" style="color:rgb(173, 173, 173);"></i> | ||
| </div> | ||
| <div class="container-1"> | ||
| <nav class="main-nav"> | ||
| <a href="#"><img src="/img/omni-wh-0005.png" alt="Omni-Logo" class="logo"></a> | ||
| <ul class="main-menu"> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li class="current"><a href="about.html">About</a></li> | ||
| <li><a href="it-services.html">IT Services</a></li> | ||
| <li><a href="web-services.html">Web Services</a></li> | ||
| <li><a href="support.html">IT Support</a></li> | ||
| <li><a href="contact.html">Contact</a></li> | ||
| </ul> | ||
| <ul class="right-menu"> | ||
| <li> | ||
| <a href="#"> | ||
| <i class="fas fa-search"></i> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#"> | ||
| <i class="fas fa-shopping-cart"></i> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| <!-- Add body content here --> | ||
| <h1>About Us</h1> | ||
| </div> | ||
| <script src="./js/menu-btn-click.js" async="async"></script> | ||
| <!-- Use this if not wanting to link to js local file | ||
| <script> | ||
| document.querySelector('.menu-btn').addEventListener('click', () => document.querySelector('.main-menu').classList.toggle('show')); | ||
| </script> | ||
| --> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> | ||
| <link rel="stylesheet" href="./css/style.css"> | ||
|
|
||
| <title>Omni-Solutions Tech | Contact Us</title> | ||
| </head> | ||
| <body> | ||
| <div class="menu-btn"> | ||
| <i class="fas fa-bars fa-2x" style="color:rgb(173, 173, 173);"></i> | ||
| </div> | ||
| <div class="container-1"> | ||
| <nav class="main-nav"> | ||
| <a href="#"><img src="/img/omni-wh-0005.png" alt="Omni-Logo" class="logo"></a> | ||
| <ul class="main-menu"> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="it-services.html">IT Services</a></li> | ||
| <li><a href="web-services.html">Web Services</a></li> | ||
| <li><a href="support.html">IT Support</a></li> | ||
| <li class="current"><a href="contact.html">Contact</a></li> | ||
| </ul> | ||
| <ul class="right-menu"> | ||
| <li> | ||
| <a href="#"> | ||
| <i class="fas fa-search"></i> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#"> | ||
| <i class="fas fa-shopping-cart"></i> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| <!-- Add body content here --> | ||
| <h1>Contact Us</h1> | ||
| </div> | ||
| <script src="./js/menu-btn-click.js" async="async"></script> | ||
| <!-- Use this if not wanting to link to js local file | ||
| <script> | ||
| document.querySelector('.menu-btn').addEventListener('click', () => document.querySelector('.main-menu').classList.toggle('show')); | ||
| </script> | ||
| --> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,197 @@ | ||
|
|
||
| /* UNCOMMENT FOR DESIGN LINES */ | ||
| /* | ||
| *, *:before, *:after { | ||
| box-sizing: border-box; | ||
| -moz-box-sizing: border-box; | ||
| -webkit-box-sizing: border-box; | ||
| border: 1px solid yellow; | ||
| margin: .2%; | ||
| padding: .2%; | ||
| } | ||
| */ | ||
|
|
||
| * { | ||
| box-sizing: border-box; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| body { | ||
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | ||
| color:#000; | ||
| font-size: 15px; | ||
| line-height: 1.5; | ||
| } | ||
|
|
||
| a { | ||
| color:#000; | ||
| text-decoration: none; | ||
|
|
||
| } | ||
|
|
||
| ul { | ||
| list-style: none; | ||
| } | ||
|
|
||
| .clr{ | ||
| clear:both; | ||
| } | ||
|
|
||
| .container-1 { | ||
| width: 100%; | ||
| max-width: 100%; | ||
| margin: auto; | ||
| } | ||
|
|
||
| /* Nav */ | ||
| .main-nav { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: space-between; | ||
| height: 60px; | ||
| padding: 20px 0; | ||
| font-size: 13px; | ||
| background-color:#222; | ||
| } | ||
|
|
||
| .main-nav .logo { | ||
| max-width: 180px; | ||
| margin-left: 20px; | ||
| } | ||
|
|
||
| .main-nav ul { | ||
| display: flex; | ||
| } | ||
|
|
||
| .main-nav ul li { | ||
| padding: 0 10px; | ||
| } | ||
|
|
||
| .main-nav ul li a { | ||
| color:#fff; | ||
| padding-bottom: 2px; | ||
| } | ||
|
|
||
| .main-nav ul li.current a { | ||
| color:#7c7c7c; | ||
| } | ||
|
|
||
| .main-nav ul li a:hover { | ||
| border-bottom: 2px solid #ffffff; | ||
| } | ||
|
|
||
| .main-nav ul.main-menu { | ||
| flex: 1; | ||
| margin-left: 20px; | ||
| } | ||
|
|
||
| .main-nav .right-menu i { | ||
| color:#ffffff; | ||
| } | ||
|
|
||
| .menu-btn { | ||
| cursor: pointer; | ||
| position: absolute; | ||
| top: 20px; | ||
| right: 30px; | ||
| z-index: 2; | ||
| display: none; | ||
| } | ||
|
|
||
|
|
||
| /* container-2 */ | ||
| .container-2 { | ||
| display: block; | ||
| margin: 8px; | ||
| } | ||
|
|
||
| .slider { | ||
| overflow: hidden; | ||
| } | ||
|
|
||
| .slider figure { | ||
| position: relative; | ||
| width: 500%; | ||
| margin: 0; | ||
| left: 0; | ||
| animation: 20s slider infinite; | ||
| } | ||
|
|
||
| .slider figure img { | ||
| width: 20%; | ||
| float: left; | ||
| } | ||
|
|
||
| @keyframes slider { | ||
| 0% { | ||
| left: 0; | ||
| } | ||
| 20% { | ||
| left: 0; | ||
| } | ||
| 25% { | ||
| left: -100%; | ||
| } | ||
| 45% { | ||
| left: -100%; | ||
| } | ||
| 50% { | ||
| left: -200%; | ||
| } | ||
| 70% { | ||
| left: -200%; | ||
| } | ||
| 75% { | ||
| left: -300%; | ||
| } | ||
| 95% { | ||
| left: -300%; | ||
| } | ||
| 100% { | ||
| left: -400%; | ||
| } | ||
|
|
||
| } | ||
|
|
||
|
|
||
|
|
||
| @media(max-width: 700px) { | ||
| .menu-btn { | ||
| display: block; | ||
| } | ||
|
|
||
| .menu-btn:hover { | ||
| opacity: 0.5; | ||
| } | ||
|
|
||
| .main-nav ul.right-menu { | ||
| margin-right: 65px; | ||
| } | ||
|
|
||
| .main-nav ul.main-menu { | ||
| display: block; | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| background: #222; | ||
| width: 50%; | ||
| height: 100%; | ||
| border-right: #ccc 1px solid; | ||
| opacity: 0.9; | ||
| padding: 30px; | ||
| transform: translateX(-500px); | ||
| transition: transform 0.5s ease-in-out; | ||
| } | ||
|
|
||
| .main-nav ul.main-menu li { | ||
| padding: 10px; | ||
| border-bottom: #ccc solid 1px; | ||
| font-size: 14px; | ||
| } | ||
|
|
||
| .main-nav ul.main-menu.show { | ||
| transform: translateX(-20px); | ||
| } | ||
| } | ||
|
|
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,62 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> | ||
| <link rel="stylesheet" href="./css/style.css"> | ||
|
|
||
| <title>Omni-Solutions Tech | Consulting Web Design Support</title> | ||
| </head> | ||
| <body> | ||
| <div class="menu-btn"> | ||
| <i class="fas fa-bars fa-2x" style="color:rgb(173, 173, 173);"></i> | ||
| </div> | ||
| <div class="container-1"> | ||
| <nav class="main-nav"> | ||
| <a href="#"><img src="/img/omni-wh-0005.png" alt="Omni-Logo" class="logo"></a> | ||
| <ul class="main-menu"> | ||
| <li class="current"><a href="#">Home</a></li> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="it-services.html">IT Services</a></li> | ||
| <li><a href="web-services.html">Web Services</a></li> | ||
| <li><a href="support.html">IT Support</a></li> | ||
| <li><a href="contact.html">Contact</a></li> | ||
| </ul> | ||
| <ul class="right-menu"> | ||
| <li> | ||
| <a href="#"> | ||
| <i class="fas fa-search"></i> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#"> | ||
| <i class="fas fa-shopping-cart"></i> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| <div class="clr"></div> | ||
| <div class="container-2"> | ||
| <div class="slider"> | ||
| <figure> | ||
| <img src="./img/desk.png" alt="desk"> | ||
| <img src="./img/desk2.png" alt="desk2"> | ||
| <img src="./img/desk.png" alt="desk"> | ||
| <img src="./img/desk3.png" alt="desk3"> | ||
| <img src="./img/desk.png" alt="desk"> | ||
| </figure> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| <script src="./js/menu-btn-click.js" async="async"></script> | ||
| <!-- Use this if not wanting to link to js local file | ||
| <script> | ||
| document.querySelector('.menu-btn').addEventListener('click', () => document.querySelector('.main-menu').classList.toggle('show')); | ||
| </script> | ||
| --> | ||
| </body> | ||
| </html> |
Oops, something went wrong.