muzafferkoluman

// Your code here

document.addEventListener('DOMContentLoaded', function(){
	    // do something  
   var modal = UIkit.modal("#modal-example");
   //modal.show(); 	
  
  var hasCookie=localStorage.getItem("isShowed");
  //if(!hasCookie){
    //delay 5second

muzafferkoluman

@font-face {
    font-family: "GalaxiePolaris-Bold";
    src: url("../fonts/GalaxiePolaris-Bold.woff2") format("woff2"), url("../fonts/GalaxiePolaris-Bold.woff") format("woff"), url("../fonts/GalaxiePolaris-Bold.otf") format("opentype");
}

@font-face {
    font-family: "GalaxiePolaris-Book";
    src: url("../fonts/GalaxiePolaris-Book.woff2") format("woff2"), url("../fonts/GalaxiePolaris-Book.woff") format("woff"), url("../fonts/GalaxiePolaris-Book.otf") format("opentype");
}

muzafferkoluman

//HTML 
<div class="container-fluid">
        <div class="row">
            <div class="col-12 mb-3">
                <div class="position-relative">
                    <div class="c-header-container-overlay">
                        <div class="c-content">
                            <img class="c-content-image img-fluid" src="images/header-img.jpg" >
                            <div class="c-content-details c-fadeIn-top">
                                <p class="c-content-text">SIGN IN  /  REGISTER</p>

muzafferkoluman

@mixin the-font($font:GalaxiePolaris-Medium,$size: false, $colour: false, $weight: false,  $lh: false) {
  @if $font{font-family: $font, Helvetica, Arial, sans-serif;}
  @if $size { font-size: $size; }
  @if $colour { color: $colour; }
  @if $weight { font-weight: $weight; }
  @if $lh { line-height: $lh; }
}


.c-font-medium-16 {

muzafferkoluman

https://picsum.photos/500/500/?random=1

muzafferkoluman

$(document).ready(function() {
    

    //smooth scroll effect
    $(function(){

        var $window = $(window);		//Window object

        var scrollTime = 1.2;			//Scroll time
        var scrollDistance = 500;		//Distance. Use smaller value for shorter scroll and greater value for longer scroll

muzafferkoluman

//JS DOCUMENT

$(function(){
	
	var $window = $(window);		//Window object
	
	var scrollTime = 1.2;			//Scroll time
	var scrollDistance = 170;		//Distance. Use smaller value for shorter scroll and greater value for longer scroll
		
	$window.on("mousewheel DOMMouseScroll", function(event){

muzafferkoluman

max-width: 50%;
margin: 0 auto;
padding: 300px 10px 150px;

muzafferkoluman

import { Platform } from 'react-native';

const navbarOffset = Platform.OS === 'ios' ? 20 : 0;
const navbarBaseHeight = Platform.OS === 'ios' ? 44 : 30;

muzafferkoluman

 marginTop: Platform.OS==='ios' ? 34 :0
                                 ios : android
                                 için css