Viewing File: /home/webrbaew/ratings.webriders.co/includes/headerlinks.php

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="keywords" content="Digital Products Creators">
<link rel="shortcut icon" type="image/png" href="img/star.png" />

<!-- HTML Meta Tags -->
<title>Muhammad - Digital Products Creators</title>
<meta name="description" content="Digital Products Creators">

<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://ratings.webriders.co/">
<meta property="og:type" content="site">
<meta property="og:title" content="Digital Products Creators">
<meta property="og:description" content="Digital Products Creators">
<meta property="og:image" content="https://ratings.webriders.co/img/logo.PNG">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://ratings.webriders.co/">
<meta name="twitter:title" content="site">
<meta name="twitter:description" content="Digital Products Creators">
<meta name="twitter:image" content="https://ratings.webriders.co/img/logo.PNG">

<!-- Meta Tags Generated via https://www.opengraph.io -->


<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,600,700%7CPT+Sans:400,400i,700,700i" rel="stylesheet" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="plugins/swiper/swiper.min.css" />
<link rel="stylesheet" href="plugins/color-switcher/color-switcher.css" />
<link rel="stylesheet" href="plugins/ui-slider/jquery-ui.min.css" />
<link rel="stylesheet" href="plugins/light-box/lightbox.min.css" />
<link rel="stylesheet" href="css/shop-style.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/colors/theme-color-1.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/custom.css" />
<style>
	.ColorSwitcher {
		display:none !important;
	}
	.ribbon-2 {
	  --f:0px; /* control the folded part*/
	  --r: 15px; /* control the ribbon shape */
	  --t: 10px; /* the top offset */
	  
	  position: absolute;
	  inset: var(--t) calc(-1*var(--f)) auto auto;
	  padding: 0 10px var(--f) calc(10px + var(--r));
	  clip-path: 
		polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
		  calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
		  var(--r) calc(50% - var(--f)/2));
	  background: rgb(0,166,81) !important;
	  box-shadow: 0 calc(-1*var(--f)) 0 inset rgba(0,0,0,.7)!important;
	  color:white !important;
	}
	/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

	/* top left*/
	.ribbon-top-left {
	  top: -10px;
	  left: -10px;
	}
	.ribbon-top-left::before,
	.ribbon-top-left::after {
	  border-top-color: transparent;
	  border-left-color: transparent;
	}
	.ribbon-top-left::before {
	  top: 0;
	  right: 0;
	}
	.ribbon-top-left::after {
	  bottom: 0;
	  left: 0;
	}
	.ribbon-top-left span {
	  right: -25px;
	  top: 30px;
	  transform: rotate(-45deg);
	}

	/* top right*/
	.ribbon-top-right {
	  top: -10px;
	  right: -10px;
	}
	.ribbon-top-right::before,
	.ribbon-top-right::after {
	  border-top-color: transparent;
	  border-right-color: transparent;
	}
	.ribbon-top-right::before {
	  top: 0;
	  left: 0;
	}
	.ribbon-top-right::after {
	  bottom: 0;
	  right: 0;
	}
	.ribbon-top-right span {
	  left: -25px;
	  top: 30px;
	  transform: rotate(45deg);
	}
	.product-image-fix { 
		width: 50vw !important;
		height: 15vw !important;
		padding:1.5rem !important;
	}
	
	
	@media only screen and (max-width: 776px) {
		.product-image-fix {
			width: 50vw !important;
			height: 50vw !important;
			padding:1.5rem !important;
		}
	}
	@media only screen and (max-width: 776px) {
		.ribbon-2 {
		--f: 0px;
		--t: 10px;
		}
	}
	.desktop-text {
		font-size:50px !important;
	}
	@media only screen and (max-width: 776px) {
		.desktop-text {
			font-size:35px !important;
		}
	}
	@media screen and (max-width : 1920px){
	  .div-only-mobile{
	  display:none;
	  }
	}
	@media screen and (max-width : 776px){
	  .div-only-mobile{
	  display:block;
	  }
	}
	@media screen and (max-width : 776px){
	  .only-mob{
	  width:70%;
	  }
	}
	@media screen and (max-width : 1920px){
	  .div-only-desk{
	  display:block;
	  }
	}
	@media screen and (max-width : 776px){
	  .div-only-desk{
	  display:none;
	  }
	}
	
	.back-to-top a:hover {
		background-color:rgb(0,166,81) !important;
		color: rgb(0,166,81) !important;
	}
	.fa-bars {
		color: rgb(0,166,81) !important;
	}
	
   .rib-desk{
		--t: -11px;
	}
	.btn-mob{
	  display:none;
	}
	@media screen and (max-width : 776px){
	.btn-mob{
	  display:block;
	  }
	}
	.header-menu #menu-button {
	    position: relative;
        right: -47px;
	}
	
	@media screen and (max-width : 776px){
	.rib-mob-1{
	 --t: 170px;
	  }
	}
	.logo-text {
		font-size:25px !important;
	}
	@media screen and (max-width : 776px){
		.logo-text {
			font-size:18px !important;
		}
	}
	.logo {
		max-width:42% !important;
	}
	.page-title-wrap {
		height:100px !important;
	}
	.page-title {
		position:relative !important;
		top:-50px !important;
	}
	.pt-120 {
		padding-top:50px !important;
	}
	.product--info-review {
		margin-top:0px !important;
	}
	#menu-button {
		display:none !important;
	}
</style>