/*! * 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

Web & 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, Android Development

Web Design

Build professional responsive web designs, 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 enjoy their Ride without breaking the bank.

Case Study View All

Case Study View All

52

projects

35

Clients

10

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 12 years of experience in software development, and more than 8 years of experience in management and team leading, systems architecture, web & mobile development.

Yasser Mohammed

Yasser Mohammed

Technical Lead

Yasser has more than 8 years of experience in designing and developing scalable web applications, web portals, cloud enabled applications and e-commerce solutions.

Hazem Torab

Hazem Torab

Founder, CEO

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

Sarah El Badry

Sarah El Badry

Technical Lead

Sarah has more than 9 years of experience in software development, web development, business analysis, and mobile development using different plateforms.

Our Clients

Software Solutions

Mobile App Development

Software Solutions

Web Applications

Copyright © 2012-2017 Enozom. All rights reserved.

Enozom is a leading software company based in Alexandria Egypt, offering:
Web Development, Web Design, Mobile App Development , Software Testing and professional software outsourcing