/*! * jquery-drawer v3.2.1 * Flexible drawer menu using jQuery, iScroll and CSS. * http://git.blivesta.com/drawer * License : MIT * Author : blivesta <design@blivesta.com> (http://blivesta.com/) */ /*!------------------------------------*\ Base \*!------------------------------------*/ ul.drawer-menu.nav.navbar-nav { transform: translate(0px, 0px) translateZ(0px)!important; } .drawer-nav { position: fixed; z-index: 101; top: 0; overflow: hidden; width: 16.25rem; height: 100%; color: #222; background-color: #fff; } .drawer-brand { font-size: 1.5rem; font-weight: bold; line-height: 3.75rem; display: block; padding-right: .75rem; padding-left: .75rem; text-decoration: none; color: #222; } .drawer-menu { margin: 0; padding: 0; list-style: none; } .drawer-menu-item { font-size: 1rem; display: block; padding: .75rem; text-decoration: none; color: #222; } .drawer-menu-item:hover { text-decoration: underline; color: #555; background-color: transparent; } /*! overlay */ .drawer-overlay { position: fixed; z-index: 100; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); } .drawer-open .drawer-overlay { display: block; } /*!------------------------------------*\ Top \*!------------------------------------*/ .drawer--top .drawer-nav { top: -100%; left: 0; width: 100%; height: auto; max-height: 100%; -webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); } .drawer--top.drawer-open .drawer-nav { top: 0; } .drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger { right: 0; } /*!------------------------------------*\ Left \*!------------------------------------*/ .drawer--left .drawer-nav { left: -16.25rem; -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); } .drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger { left: 0; } .drawer--left.drawer-open .drawer-hamburger { left: 16.25rem; } /*!------------------------------------*\ Right \*!------------------------------------*/ .drawer--right .drawer-nav { right: -16.25rem; -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); } .drawer--right.drawer-open .drawer-nav, .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger { right: 0; } .drawer--right.drawer-open .drawer-hamburger { right: 16.25rem; } /*!------------------------------------*\ Hamburger \*!------------------------------------*/ .drawer-hamburger { position: fixed; z-index: 104; top: 0; display: block; box-sizing: content-box; width: 2rem; padding: 0; padding-top: 18px; padding-right: .75rem; padding-bottom: 30px; padding-left: .75rem; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 0; outline: 0; background-color: transparent; } .drawer-hamburger:hover { cursor: pointer; background-color: transparent; } .drawer-hamburger-icon { position: relative; display: block; margin-top: 10px; } .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { width: 100%; height: 2px; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); background-color: #222; } .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { position: absolute; top: -10px; left: 0; content: ' '; } .drawer-hamburger-icon:after { top: 10px; } .drawer-open .drawer-hamburger-icon { background-color: transparent; } .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after { top: 0; } .drawer-open .drawer-hamburger-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .drawer-open .drawer-hamburger-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /*!------------------------------------*\ accessibility \*!------------------------------------*/ /*! * Only display content to screen readers * See: http://a11yproject.com/posts/how-to-hide-content */ .sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } /*! * Use in conjunction with .sr-only to only display content when it's focused. * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 * Credit: HTML5 Boilerplate */ .sr-only-focusable:active, .sr-only-focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; } /*!------------------------------------*\ Sidebar \*!------------------------------------*/ .drawer--sidebar { background-color: #fff; } .drawer--sidebar .drawer-contents { background-color: #fff; } @media (min-width: 992px) { .drawer--sidebar .drawer-hamburger { display: none; visibility: hidden; } .drawer--sidebar .drawer-nav { display: block; -webkit-transform: none; -ms-transform: none; transform: none; position: fixed; width: 12.5rem; height: 100%; } /*! Left */ .drawer--sidebar.drawer--left .drawer-nav { left: 0; border-right: 1px solid #ddd; } .drawer--sidebar.drawer--left .drawer-contents { margin-left: 12.5rem; } /*! Right */ .drawer--sidebar.drawer--right .drawer-nav { right: 0; border-left: 1px solid #ddd; } .drawer--sidebar.drawer--right .drawer-contents { margin-right: 12.5rem; } /*! container */ .drawer--sidebar .drawer-container { max-width: 48rem; } } @media (min-width: 992px) { .drawer--sidebar .drawer-nav { width: 16.25rem; } .drawer--sidebar.drawer--left .drawer-contents { margin-left: 16.25rem; } .drawer--sidebar.drawer--right .drawer-contents { margin-right: 16.25rem; } /*! container */ .drawer--sidebar .drawer-container { max-width: 60rem; } } /*!------------------------------------*\ Navbar \*!------------------------------------*/ .drawer--navbarTopGutter { padding-top: 0; } .drawer-navbar .drawer-navbar-header { border-bottom: 1px solid #ddd; background-color: #fff; } .drawer-navbar { z-index: 102; top: 0; width: 100%; } /*! .drawer-navbar modifier */ .drawer-navbar--fixed { position: absolute; } .drawer-navbar-header { position: relative; z-index: 102; box-sizing: border-box; width: 100%; height: 3.75rem; padding: 0 .75rem; text-align: center; } .drawer-navbar .drawer-brand { line-height: 3.75rem; display: inline-block; padding-top: 0; padding-bottom: 0; text-decoration: none; } .drawer-navbar .drawer-brand:hover { background-color: transparent; } .drawer-navbar .drawer-nav { margin-top: 0; } .drawer-navbar .drawer-menu { padding-bottom: 0; } @media (min-width: 992px) { .drawer-navbar { height: 3.75rem; border-bottom: 1px solid #ddd; background-color: #fff; } .drawer-navbar .drawer-navbar-header { position: relative; display: block; float: left; width: auto; padding: 0; border: 0; } .drawer-navbar .drawer-menu--right { float: right; } .drawer-navbar .drawer-menu li { float: left; } .drawer-navbar .drawer-menu-item { line-height: 3.75rem; padding-top: 0; padding-bottom: 0; } .drawer-navbar .drawer-hamburger { display: none; } .drawer-navbar .drawer-nav { position: relative; left: 0; overflow: visible; width: auto; height: 3.75rem; padding-top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .drawer-navbar .drawer-menu { padding: 0; } /*! dropdown */ .drawer-navbar .drawer-dropdown-menu { position: absolute; width: auto; border: 1px solid #ddd; } .drawer-navbar .drawer-dropdown-menu-item { padding-left: .75rem; } } /*!------------------------------------*\ Dropdown \*!------------------------------------*/ .drawer-dropdown-menu { display: none; box-sizing: border-box; width: 100%; margin: 0; padding: 0; background-color: #fff; } .drawer-dropdown-menu > li { width: 100%; list-style: none; } .drawer-dropdown-menu-item { line-height: 3.75rem; display: block; padding: 0; padding-right: .75rem; padding-left: 1.5rem; text-decoration: none; color: #222; } .drawer-dropdown-menu-item:hover { text-decoration: underline; color: #555; background-color: transparent; } /*! open */ .drawer-dropdown.open > .drawer-dropdown-menu { display: block; } /*! drawer-caret */ .drawer-dropdown .drawer-caret { display: inline-block; width: 0; height: 0; margin-left: 4px; -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, opacity .2s ease; transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } /*! open */ .drawer-dropdown.open .drawer-caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /*!------------------------------------*\ Container \*!------------------------------------*/ .drawer-container { margin-right: auto; margin-left: auto; } @media (min-width: 992px) { .drawer-container { max-width: 60rem; } } @media (min-width: 992px) { .drawer-container { max-width: 70rem; } } .subMenu.subMenu2 .navbar { margin-bottom: 0px; } .subMenu.subMenu2 .navbar-toggle { margin-right: 5px; } .drawer--navbarTopGutter { padding-top: 0; } .logo { position: absolute; z-index: 1100; left: 40.3%; float: left; margin: 6px 0 0 0; cursor: pointer; max-width: 200px; } .navbar-default .navbar-nav > li > a { padding-top: 16px; padding-bottom: 15px; line-height: 30px; color: #2d2d2d; font-weight: 500; float: left; font-size: 15px; text-transform: capitalize; margin: 0px 40px; transition: .4s cubic-bezier(0.25,.46,.45,.94); -webkit-transition: .4s cubic-bezier(0.25,.46,.45,.94); -moz-transition: .4s cubic-bezier(0.25,.46,.45,.94); } .drawer-navbar.navbar-default .navbar-left > li > a , .drawer-navbar.navbar-default .navbar-right > li > a { margin: 0px 27px; } .drawer-hamburger-icon { position: relative; display: block; margin-top: 1px; } .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { background-color: #888; } .subMenu.index3-nav.drawer-navbar.drawer-navbar--fixed.navbar.navbar-default { border-radius: 0px; border-bottom: 1px solid #ddd; } .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { top: -6px; } .drawer-hamburger-icon:after { top: 6px; } .drawer-navbar .drawer-dropdown-menu { width: auto; } .drawer-navbar .drawer-menu { padding-bottom: 0; } .drawer-navbar .drawer-nav { padding-top: 0; } .drawer-menu .fa.fa-angle-down { float: right; line-height: 31px; } @media (max-width: 992px){ .drawer-navbar--fixed { position: fixed; } .drawer-menu.nav.navbar-nav.navbar-right, .drawer-menu.nav.navbar-nav.navbar-left { float: none; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li:focus > a { border-bottom:0px; } .drawer--left .drawer-nav { left: -80%; } .drawer-navbar .drawer-brand { line-height: 3.75rem; display: inline-block; padding-top: 0; left: 0; padding-bottom: 0; text-decoration: none; } .drawer-navbar-header.logo { width: 100%!important; max-width: 100%!important; left: 0; position: absolute; } button.drawer-toggle.drawer-hamburger { position: relative; float: right; right: 0; margin-right: 10px; padding: 14px 10px; margin-top: 7px; margin-left: 8px; background-color: transparent; background-image: none; border: 1px solid #ddd; border-radius: 4px; } .drawer-navbar .navbar-nav > li > .dropdown-menu { display: none; } .drawer-navbar .navbar-nav > li.open > .dropdown-menu { display: block; } .dropdown-menu > li > a { padding: 0px 15px 15px; margin: 0; } .navbar-nav > li > a { border-bottom: 0px solid #666666; } .drawer-navbar .drawer-navbar-header { border-bottom: 0; background-color: #fff; } .dropdown-menu > li { display: block; padding: 10px 35px 26px; /* clear: both; */ /* font-weight: normal; */ line-height: 1.42857143; color: #2C2C2C; white-space: nowrap; margin: 0px; border-bottom: solid 1px #dddddd; line-height: 0px; } .navbar-nav > li { border-bottom: 1px solid #dddddd; } .navbar-default .dropdown-menu > li:hover, .navbar-default .navbar-nav > li:focus { color: #E21E25; border-bottom: solid 1px #E21E25; } .drawer-dropdown-menu > li { padding: 10px 20px; width: 100%; list-style: none; } .dropdown-menu > li:hover { background: rgba(0, 0, 0, .075); } .navbar-default .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #E21E25; border-bottom: 0; } .dropdown-menu > li > a:hover { background: transparent; } .dropdown-menu > li > a { border-bottom:0; } .drawer-nav { width: 80%; } .drawer-navbar .drawer-nav { margin-top: 64px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-bottom: 0px !important; } .skills { width: 90% !important; } } @media (max-width: 767px){ #banner, #banner2, #intro { background-position: 0px -125px !important; } #banner { height: 250px !important; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { border-bottom: 0!important; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; line-height: 33px; padding: 0 27px; } .navbar-nav .open .dropdown-menu { background: #fff; margin: 0 0 0 !important; } } @media only screen and (max-width: 929px) and (min-width: 529px){ .sTop { top: 63px!important; } } @media (max-width: 580px){ .sTop { top: -21px; } }

Enozom Software

Mobile App Development Company

Web Development

Web Design and Web Development services, to deliver complete software solution using Web Applications.

Mobile App Development

Experienced mobile app developers working on iOS Development and Android Development.

Web Design

Build professional responsive Web Designs by tallented web designers with experience in User Frieldly Interfaces.

Software Testing

A dedicated professional testing team as an extension of your company’s internal capabilities.

Our Work

Case Studies

For one of our web and mobile projects

Web Application

Egywheelers.com

Egywheelers.com is an online E-commerce platform for used cars and motorbikes in Egypt. Egywheelers is not just an online Ads Website; Egywheelers is a platform built to be the ultimate online destination for all wheelers enthusiasts. We want our members to enjoy their ride without breaking the bank.

Case Study View All

Case Study View All

63

projects

42

Clients

11

Countries

Our Team

A Team You Can Rely On

We built a great team who are deliver complete software solutions.

Hazem Torab

Hazem Torab

Founder, CEO

Hazem has over 14 years of experience in software development, and more than 8 years of experience in management and team leading, systems architecture, web & mobile development.

Hazem Torab

Hazem Torab

Founder, CEO

Hazem has over 14 years of experience in software development and more than 9 years of experience in Management and Team leading , Systems Architecture and Web & Mobile Development.

Yasser Mohammed

Yasser Mohammed

CTO

Yasser has more than 9 years of experience in designing and developing scalable Web Applications, Web Portals, Cloud Enabled Applications and E-commerce Solutions.

Our Clients

Software Solutions

Mobile App Development

Software Solutions

Web Applications

Software Outsourcing

Mobile Development

Web Applications