Skip to content

Commit

Permalink
nav
Browse files Browse the repository at this point in the history
  • Loading branch information
schnellreich committed Feb 7, 2024
1 parent addb47d commit f28b26d
Show file tree
Hide file tree
Showing 30 changed files with 981 additions and 6,861 deletions.
56 changes: 47 additions & 9 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -1,16 +1,53 @@
<footer>
<div class="contacts">
<strong>Rare Digits DMCC</strong><br>
<a href="mailto:[email protected]">[email protected]</a><br>
DMCC Business Centre,<br>
Jewellery & Gemplex 3<br>
115738, Dubai, UAE
<div class="footerSence">
<div class="copyright">
© 2023—{{ site.time | date: '%Y' }} Rare Digits<br>
Coding Sences, Building Worlds
</div>
<span class="slogan">Coding Sences, Building World</span>
<div class="links">
© 2023 Rare Digits<br>
<a href="#" class="copyright">Terms of Use</a>
<ul>
<li class="bold">SERVICES</li>
<li><a href="">Applications</a></li>
<li><a href="">Intergations</a></li>
<li><a href="">Web & Mobile</a></li>
<li><a href="">Web3 Security</a></li>
<li><a href="">Tech Stack</a></li>
</ul>
</div>
<div class="links">
<ul>
<li class="bold">SOLUTIONS</li>
<li><a href="">Atlas ERP</a></li>
<li><a href="">Columbus CRM</a></li>
<li><a href="">Cassandra App</a></li>
<li><a href="">Fanfare Loyalty</a></li>
</ul>
</div>
<div class="links">
<ul>
<li class="bold">RARE</li>
<li><a href="">About</a></li>
<li><a href="">Principles</a></li>
<li><a href="">Newsroom</a></li>
<li><a href="">Contacts</a></li>
<li><a href="">Partnership</a></li>
</ul>
</div>
<div class="links">
<ul>
<li class="bold">LEGAL STUFF</li>
<li><a href="">Privacy Policy</a></li>
<li><a href="">Terms of Use</a></li>
</ul>
</div>
</div>
<div class="contacts">
<strong>Rare Digits DMCC</strong><br>
DMCC Business Centre,<br>
Jewellery & Gemplex&nbsp;3<br>
115738, Dubai, UAE<br>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</footer>
<script>
var form = document.getElementById("my-form");
Expand Down Expand Up @@ -44,5 +81,6 @@
}
form.addEventListener("submit", handleSubmit)
</script>
<script src="/assets/js/hamburger.js"></script>
</body>
</html>
3 changes: 2 additions & 1 deletion _includes/head.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,11 @@
<link rel="icon" type="image/png" href="/assets/img/favicon.png">

<link rel="stylesheet" href="/assets/css/styles.css">
<link rel="stylesheet" href="/assets/css/mobile.css">
<link rel="stylesheet" href="/assets/css/feedback.scss">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,400;0,600;0,700;1,200;1,400;1,600;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@700&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
Expand Down
19 changes: 17 additions & 2 deletions _includes/header.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,19 @@
<header>
<img class="logo" src="/assets/img/Rare_logo.svg" alt="Rare Digits">
<a class="booking" href="#demo">Book Demo</a>
<img class="logo" src="/assets/img/common/rare_logo_black_full.svg" alt="Rare Digits">
<nav>
<ul>
<li class="close"><a href="javascript:void(0)" onclick="toggleNav()">&times;</a></li>
<li><a href="">Services</a></li>
<li><a href="">Solutions</a></li>
<li><a href="">Pricing</a></li>
<li><a href="">Pressroom</a></li>
<li><a href="">Contacts</a></li>
</ul>
<div class="hamburger" onclick="toggleNav()">
<div></div>
<div></div>
<div></div>
</div>
</nav>
<div class="button" href="#demo">Book Demo</div>
</header>
17 changes: 12 additions & 5 deletions _layouts/home.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,23 @@

<section class="sectionFirst">
<div class="helloWorld">
<h1>Elegance in Software
<br>Expertise in Action</h1>
<p>Where mastery in software engineering<br>
converges with transformative user experience</p>
<h1>Elegant Exteriors,<br> Brutal Internal</h1>
<p>
Software that’s easy to use
and powerful under the hood,
perfectly blending design
with functionality
</p>
<p>
<a href="">Nice to meet you</a> >>
</p>
</div>
</section>
<section class="Solutions">
<h2>Simplicity in Every Solution</h2>
<div class="solutionsText">
Navigate the future of business with <strong>Rare Digits</strong>
<p>Navigate the future of business<br>
with <strong>Rare Digits</strong></p>
</div>
<div class="solutionsWrapper">
<div class="solution solutionAccount">
Expand Down
9 changes: 9 additions & 0 deletions _site/about/design.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
### Main Page Content for Rare Digits Production Website

---

#### Headline:
"Elegant Exteriors, Brutal Internals"


Rare Digits Production stands at the intersection of aesthetic refinement and technical prowess. Our development philosophy is built on a fundamental understanding of our users, ensuring each application we create - from robust ERP and CRM systems to bespoke accounting and logistics forecasting tools - is both visually appealing and mercilessly effective. We specialize in blending elegant exteriors with brutal internals, crafting solutions that not only meet but exceed business needs. Welcome to a realm where software is designed to be as powerful on the inside as it is graceful on the outside.
170 changes: 170 additions & 0 deletions _site/assets/css/mobile.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,170 @@
@media screen and (max-width: 768px) {
body {
font-size: 14px;
}

header {
padding: 10px;
}

.logo {
margin: 10px 5px;
}

nav {
width: fit-content;
}

.hamburger {
display: block;
padding-top: 11px;
height: 100%;
}

nav ul {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: -100%;
background-image: url(/assets/img/home-bg.jpg);
background-attachment: fixed;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: left 0.3s;
z-index: 100;
}

nav ul li {
margin: 10px 0;
width: 100%;
padding: 10px 0;
}

nav ul li a {
font-size: 32px;
color: white;
border-bottom: none;
}

nav ul li:hover, nav ul li:hover a, nav ul li a:hover{
font-family: 'Restora';
font-size: 32px;
background-color: #00ff4e;
color: #fff;
border: none;
}

nav ul .close {
display: block;
font-size: 3.2em;
padding-left: 90%;
}

header .button {
margin: auto 5px;
border-radius: 20px;
}

section {
padding: 30px 10px;
margin: 5px auto;
}

h1 {
font-size: 24px;
line-height: 25px;
}

h2 {
line-height: 1em;
}

.sectionFirst {
min-height: 62vh;
}

.helloWorld {
width: 100%;
font-size: 14px;
line-height: 16px;
padding: 0 18px;
bottom: 10px;
}

.solutionsText {
padding: 0;
font-size: 1em;
}

.solutionAccount, .solutionIntergation, .solutionSales, .solutionLogistics, .solutionConsulting {
width: 100%;
margin: 0 0 10px 0;
}

.oneApp, .Apps, .appStore {
min-height: fit-content;
height: fit-content;
}

.oneAppWrapper {
flex-flow: column;
height: fit-content;
}

.oneAppPhone {
width: 100%;
height: 700px;
background-position: center;
background-size:cover;
}

.oneAppText {
width: 100%;
text-align: center;
padding: 30px 30px 0;
}

.sleep {
display: none;
}

.appStore {
flex-flow: row wrap;
}

.app {
width: 48%;
}

.demoRequest {
width: 100%;
}

footer {
width: 100%;
flex-flow: column nowrap;
}

.footerSence {
width: 100%;
flex-flow: row wrap;
}

.footerSence div {
width: 50%;
margin-bottom: 25px;
}

.copyright {
order: 5;
width: 100% !important;
}

.contacts {
text-align: left;
}
}
Loading

0 comments on commit f28b26d

Please sign in to comment.