<!DOCTYPE html>
<html lang="fa" dir="rtl">

<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<title>GPUMonsters</title>
	<?php wp_head();?>
    <link rel=”stylesheet” href=”<?php echo get_template_directory_uri(); ?>/style.css” type=”text/css” media=”all” />
	<!-- Favicons -->
	<link href="<?php bloginfo('template_url'); ?>/statics/img/gpumonsters-favicon.png" rel="icon">
	<link href="<?php bloginfo('template_url'); ?>/statics/img/gpumonsters-favicon.png" rel="apple-touch-icon">
	<!-- Vendor CSS Files -->
	<link href="<?php bloginfo('template_url'); ?>/statics/vendor/aos/aos.css" rel="stylesheet">
	<link href="<?php bloginfo('template_url'); ?>/statics/vendor/bootstrap/css/bootstrap.rtl.min.css" rel="stylesheet">
	<link href="<?php bloginfo('template_url'); ?>/statics/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
	<link href="<?php bloginfo('template_url'); ?>/statics/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
	<link href="<?php bloginfo('template_url'); ?>/statics/vendor/remixicon/remixicon.css" rel="stylesheet">
	<link href="<?php bloginfo('template_url'); ?>/statics/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
    <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet">
    <!-- Template Main CSS File -->
    <link href="<?php bloginfo('template_url'); ?>/statics/css/main.css" rel="stylesheet">
    <style>
        html { margin-top: 0 !important; }
        @media screen and ( max-width: 782px ) {
            html { margin-top: 0 !important; }
        }
    </style>
</head>
<body>
    <!-- ======= Header ======= -->
    <header id="header" class="header fixed-top">
        <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
            <a href="./" class="logo d-flex align-items-center">
                <img src="<?php bloginfo('template_url'); ?>/statics/img/gpumonsters-logo.webp" alt="">
            </a>
            <nav id="navbar" class="navbar justify-content-end">
                <ul>
                    <li><a class="nav-link scrollto active" href="<?= get_site_url(); ?>/#hero">خانه</a></li>
                    <li><a class="nav-link scrollto" href="<?= get_site_url(); ?>/#services">خدمات ما</a></li>
                    <!--                <li><a class="nav-link scrollto" href="#pricing">سرویس ها</a></li>-->
                    <li><a class="nav-link scrollto" href="<?= get_site_url(); ?>/#about">درباره ما</a></li>
                    <!--                <li><a class="nav-link scrollto" href="#faq">سوالات متداول</a></li>-->
                    <li><a class="nav-link scrollto" href="<?= get_site_url(); ?>/#contact">تماس با ما</a></li>

                    <li class="login-li"><a class="login-btn scrollto" href="#">ورود | ثبت نام</a></li>
                </ul>
                <i class="bi bi-list mobile-nav-toggle"></i>
            </nav>
            <!-- .navbar -->
        </div>
    </header>
    <!-- End Header -->