Nenad Stojanovic 5 years ago
parent
commit
60c9d5c6d4
7 changed files with 26 additions and 18 deletions
  1. 1
    1
      header.php
  2. BIN
      images/services.jfif
  3. BIN
      images/services.png
  4. 8
    11
      scripts/custom.js
  5. 2
    2
      style.css
  6. 8
    0
      styles/Udemy.txt
  7. 7
    4
      styles/custom.css

+ 1
- 1
header.php View File

<div class="dropdown-container"> <div class="dropdown-container">
<div class="row"> <div class="row">
<div class="col-md-7 dropdown-half dropdown-left"> <div class="col-md-7 dropdown-half dropdown-left">
<img src='<?php echo $backToRoot; ?>images/services.jfif' >
<img src='<?php echo $backToRoot; ?>images/services.png' >
</div> </div>
<div class="col-md-5 dropdown-half dropdown-right"> <div class="col-md-5 dropdown-half dropdown-right">
<ul class="expand-menu"> <ul class="expand-menu">

BIN
images/services.jfif View File


BIN
images/services.png View File


+ 8
- 11
scripts/custom.js View File



//service and industry //service and industry

//homepage //homepage
var previousLink; var previousLink;
var indexPeviousSelectedLink = 0; var indexPeviousSelectedLink = 0;
$('#navigation .service-link').on('click', function() $('#navigation .service-link').on('click', function()
{ {
$(".nav-active-mark").parent().removeClass("active");
$(".nav-active-mark").parent().removeClass("active").removeClass('up');
$(".nav-active-mark").remove(); $(".nav-active-mark").remove();
$('#industriesMenu').css('display', 'none'); $('#industriesMenu').css('display', 'none');
} }
else if(previousLink !== undefined) else if(previousLink !== undefined)
{ {
$(this).addClass('active').append('<span class="nav-active-mark"></span>');
$(this).addClass('active').addClass("up").append('<span class="nav-active-mark"></span>');
previousLink = 'services' previousLink = 'services'
//$(this).remove('.nav-active-mark').removeClass('active'); //$(this).remove('.nav-active-mark').removeClass('active');
}
}
} }
else else
{ {


$('#header').addClass('active_dropdown'); $('#header').addClass('active_dropdown');
$(this).addClass('active').append('<span class="nav-active-mark"></span>');
$(this).addClass('active').addClass('up').append('<span class="nav-active-mark"></span>');
previousLink = 'services'; previousLink = 'services';
} }


$('#navigation .industries-link').on('click', function() $('#navigation .industries-link').on('click', function()
{ {
$(".nav-active-mark").parent().removeClass("active");
$(".nav-active-mark").parent().removeClass("active").removeClass('up');
$(".nav-active-mark").remove(); $(".nav-active-mark").remove();
$('#servicesMenu').css('display', 'none'); $('#servicesMenu').css('display', 'none');
//$(this).remove('.nav-active-mark').removeClass('active'); //$(this).remove('.nav-active-mark').removeClass('active');


backToPreviousLink(); backToPreviousLink();
previousLink = '';
previousLink = '';
} }
else if(previousLink !== undefined) else if(previousLink !== undefined)
{ {
//$(this).remove('.nav-active-mark').removeClass('active'); //$(this).remove('.nav-active-mark').removeClass('active');
$(this).addClass('active').append('<span class="nav-active-mark"></span>');
$(this).addClass('up').addClass('active').append('<span class="nav-active-mark"></span>');
previousLink = 'industries'; previousLink = 'industries';
} }
else else
{ {
$('#header').addClass('active_dropdown'); $('#header').addClass('active_dropdown');
$(this).addClass('active').append('<span class="nav-active-mark"></span>');
$(this).addClass('up').addClass('active').append('<span class="nav-active-mark"></span>');
previousLink = 'industries'; previousLink = 'industries';
} }



+ 2
- 2
style.css View File

{ {
height: 22px; height: 22px;
background-color: #993c95; background-color: #993c95;
color: #fff;
color: #000;
text-align: center; text-align: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
left: 0; left: 0;
bottom: 0; bottom: 0;
}
}
#footer .widget { #footer .widget {
margin-bottom: 25px; margin-bottom: 25px;
} }

+ 8
- 0
styles/Udemy.txt View File

Udemy

office@dilig.net

Diligent123@

Application development and Integration
https://www.google.com/search?q=software+testing++mockup+photography&tbm=isch&ved=2ahUKEwjr2s6L1PfsAhXTkKQKHasIDyYQ2-cCegQIABAA&oq=software+testing++mockup+photography&gs_lcp=CgNpbWcQA1DbOViQXWDHYGgBcAB4AIABiAGIAf4HkgEDNi40mAEAoAEBqgELZ3dzLXdpei1pbWfAAQE&sclient=img&ei=d1yqX6vDM9OhkgWrkbywAg&bih=912&biw=1920#imgrc=fRAoonv5Wcd2jM&imgdii=Bhdf0ZlNvBN9mM

+ 7
- 4
styles/custom.css View File

font-size: 17px; font-size: 17px;
transition: transform .35s; transition: transform .35s;
} }
.service-link.active .fa-angle-down, .industries-link.active .fa-angle-down
.service-link.up.active .fa-angle-down, .industries-link.up.active .fa-angle-down
{ {
transform: rotate(180deg); transform: rotate(180deg);
} }


.expand-menu li .expand-menu li
{ {

padding:5px 0px; padding:5px 0px;
} }
.expand-menu li a .expand-menu li a
{ {
color:#fff;

color:#fff;
transition: color .35s;
}
.expand-menu li a:hover
{
color:#993c95;
} }


/* header end*/ /* header end*/

Loading…
Cancel
Save