
<!DOCTYPE html>
<html lang="en">
<head>

			<title>404 Page Not Found | Школа Фрилансера</title>
	

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="author" content="Сергей Казанский" />

			<meta name="keywords" content="Школа Фрилансера,Как стать фрилансером,Как заработать в интернет"/>
		<meta name="description" content="Здесь вы получите все необходимые знания, как стать фрилансером и начать зарабатывать не выходя из дома. Без скучных офисов, без начальников и будильников. Но это не волшебная кнопка &quot;БАБЛО&quot; , здесь придётся вкалывать, а поначалу очень даже много. Но следуя рекомендациям, вы придёте к искомому результату." />
	
	<link name="favicon" type="image/x-icon" href="http://serghost.ru/uploads/system/favicon.png" rel="shortcut icon" />
	<link rel="favicon" href="http://serghost.ru/assets/frontend/default/img/icons/favicon.ico">
<link rel="apple-touch-icon" href="http://serghost.ru/assets/frontend/default/img/icons/icon.png">
<link rel="stylesheet" href="http://serghost.ru/assets/frontend/default/css/jquery.webui-popover.min.css">
<link rel="stylesheet" href="http://serghost.ru/assets/frontend/default/css/select2.min.css">
<link rel="stylesheet" href="http://serghost.ru/assets/frontend/default/css/slick.css">
<link rel="stylesheet" href="http://serghost.ru/assets/frontend/default/css/slick-theme.css">
<!-- font awesome 5 -->
<link rel="stylesheet" href="http://serghost.ru/assets/frontend/default/css/fontawesome-all.min.css">

<link rel="stylesheet" href="http://serghost.ru/assets/frontend/default/css/bootstrap.min.css">
<link rel="stylesheet" href="http://serghost.ru/assets/frontend/default/css/bootstrap-tagsinput.css">
<link rel="stylesheet" href="http://serghost.ru/assets/frontend/default/css/main.css">
<link rel="stylesheet" href="http://serghost.ru/assets/frontend/default/css/responsive.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700" rel="stylesheet">
<link rel="stylesheet" href="http://serghost.ru/assets/global/toastr/toastr.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nestable2/1.6.0/jquery.nestable.min.css" />
<script src="http://serghost.ru/assets/backend/js/jquery-3.3.1.min.js"></script>

</head>
<body class="gray-bg">
	<section class="menu-area">
  <div class="container-xl">
    <div class="row">
      <div class="col">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">

          <ul class="mobile-header-buttons">
            <li><a class="mobile-nav-trigger" href="#mobile-primary-nav">Menu<span></span></a></li>
            <li><a class="mobile-search-trigger" href="#mobile-search">Search<span></span></a></li>
          </ul>

          <a href="http://serghost.ru/" class="navbar-brand" href="#"><img src="http://serghost.ru/uploads/system/logo-dark.png" alt="" height="35"></a>

          <div class="main-nav-wrap">
  <div class="mobile-overlay"></div>

  <ul class="mobile-main-nav">
    <div class="mobile-menu-helper-top"></div>

    <li class="has-children">
      <a href="">
        <i class="fas fa-th d-inline"></i>
        <span>Courses</span>
        <span class="has-sub-category"><i class="fas fa-angle-right"></i></span>
      </a>

      <ul class="category corner-triangle top-left is-hidden">
        <li class="go-back"><a href=""><i class="fas fa-angle-left"></i>Menu</a></li>

            <li class="has-children">
        <a href="#">
          <span class="icon"><i class="fas fa-sitemap"></i></span>
          <span>Сайтостроение</span>
          <span class="has-sub-category"><i class="fas fa-angle-right"></i></span>
        </a>
        <ul class="sub-category is-hidden">
          <li class="go-back-menu"><a href=""><i class="fas fa-angle-left"></i>Menu</a></li>
          <li class="go-back"><a href="">
            <i class="fas fa-angle-left"></i>
            <span class="icon"><i class="fas fa-sitemap"></i></span>
            Сайтостроение          </a></li>
                    <li><a href="http://serghost.ru/home/courses?category=wordpress">Wordpress</a></li>
                  <li><a href="http://serghost.ru/home/courses?category=joomla">Joomla</a></li>
                  <li><a href="http://serghost.ru/home/courses?category=adobe-muse">Adobe Muse</a></li>
                  <li><a href="http://serghost.ru/home/courses?category=Создание-lp-в-elementor">Создание LP в Elementor</a></li>
              </ul>
    </li>
    <li class="all-category-devided">
    <a href="http://serghost.ru/home/courses">
      <span class="icon"><i class="fa fa-align-justify"></i></span>
      <span>All courses</span>
    </a>
  </li>
</ul>
</li>

<div class="mobile-menu-helper-bottom"></div>
</ul>
</div>

          <form class="inline-form" action="http://serghost.ru/home/search" method="get" style="width: 100%;">
            <div class="input-group search-box mobile-search">
              <input type="text" name = 'query' class="form-control" placeholder="Search for courses">
              <div class="input-group-append">
                <button class="btn" type="submit"><i class="fas fa-search"></i></button>
              </div>
            </div>
          </form>

          
          <div class="cart-box menu-icon-box" id = "cart_items">
            <div class="icon">
	<a href="javascript::" onclick="showCartPage()"><i class="fas fa-shopping-cart"></i></a>
	<span class="number">0</span>
</div>

<!-- Cart Dropdown goes here -->
<div class="dropdown course-list-dropdown corner-triangle top-right" style="display: none;"> <!-- Just remove the display none from the css to make it work -->
	<div class="list-wrapper">
		<div class="item-list">
			<ul>
							</ul>
		</div>
		<div class="dropdown-footer">
			<div class="cart-total-price clearfix">
				<span>Total:</span>
				<div class="float-right">
					<span class="current-price"></span>
					<!-- <span class="original-price">$94.99</span> -->
				</div>
			</div>
			<a href = "http://serghost.ru/home/shopping_cart">Go to cart</a>
		</div>
	</div>
	<div class="empty-box text-center d-none">
		<p>Your cart is empty.</p>
		<a href="">Keep Shopping</a>
	</div>
</div>

<script type="text/javascript">
function showCartPage() {
	window.location.replace("http://serghost.ru/home/shopping_cart");
}
</script>
          </div>

          <span class="signin-box-move-desktop-helper"></span>
          <div class="sign-in-box btn-group">

            <a href="http://serghost.ru/home/login" class="btn btn-sign-in">Log in</a>

            <a href="http://serghost.ru/home/sign_up" class="btn btn-sign-up">Sign up</a>

          </div> <!--  sign-in-box end -->
        </nav>
      </div>
    </div>
  </div>
</section>
<section class="category-header-area">
    <div class="container-lg">
        <div class="row text-center">
            <div class="col">
                <div class="page-not-found-banner">
                    <span class="page_not_found_heading">
                        404
                    </span>
                    <span class="page_not_found_message">
                        Oh snap! This is not the web page you are looking for                    </span>
                    <a href="http://serghost.ru/home" class="back_to_home_btn" id="">Back To Home</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="category-course-list-area">
    <div class="container">
        <div class="row">
            <div class="col" style="padding: 35px;">

            </div>
        </div>
    </div>
</section>
        <footer class="footer-area d-print-none">
            <div class="container-xl">
                <div class="row">
                    <div class="col-md-6">
                        <p class="copyright-text">
                            <a href=""><img src="http://serghost.ru/uploads/system/logo-dark.png" alt="" class="d-inline-block" width="110"></a>
                            <a href="https://s-kazanskiy.ru" target="_blank">Блог Сергея Казанского</a>
                        </p>
                    </div>
                    <div class="col-md-6">
                        <ul class="nav justify-content-md-end footer-menu">
                            <li class="nav-item">
                                <a class="nav-link" href="http://serghost.ru/home/about_us">About</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="http://serghost.ru/home/privacy_policy">Privacy policy</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="http://serghost.ru/home/terms_and_condition">Terms & condition</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="http://serghost.ru/home/login">
                                    Login                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>

        <!-- PAYMENT MODAL -->
        <!-- Modal -->
                <div class="modal fade" id="paymentModal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content payment-in-modal">
                    <div class="modal-header">
                        <h5 class="modal-title">Checkout!</h5>
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                                <form action="http://serghost.ru/home/paypal_checkout" method="post">
                                    <input type="hidden" class = "total_price_of_checking_out" name="total_price_of_checking_out" value="">
                                    <button type="submit" class="btn btn-default paypal" disabled>Paypal</button>
                                </form>
                            </div>
                            <div class="col-md-6">
                                <form action="http://serghost.ru/home/stripe_checkout" method="post">
                                    <input type="hidden" class = "total_price_of_checking_out" name="total_price_of_checking_out" value="">
                                    <button type="submit" class="btn btn-primary stripe" >Stripe</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- Modal -->

        <!-- Modal -->
        <div class="modal fade multi-step" id="EditRatingModal" tabindex="-1" role="dialog" aria-hidden="true" reset-on-close="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content edit-rating-modal">
                    <div class="modal-header">
                        <h5 class="modal-title step-1" data-step="1">Step 1</h5>
                        <h5 class="modal-title step-2" data-step="2">Step 2</h5>
                        <h5 class="m-progress-stats modal-title">
                            &nbsp;of&nbsp;<span class="m-progress-total"></span>
                        </h5>

                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="m-progress-bar-wrapper">
                        <div class="m-progress-bar">
                        </div>
                    </div>
                    <div class="modal-body step step-1">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="modal-rating-box">
                                        <h4 class="rating-title">How would you rate this course overall?</h4>
                                        <fieldset class="your-rating">

                                            <input type="radio" id="star5" name="rating" value="5" />
                                            <label class = "full" for="star5"></label>

                                        	<!-- <input type="radio" id="star4half" name="rating" value="4 and a half" />
                                            <label class="half" for="star4half"></label> -->

                                        	<input type="radio" id="star4" name="rating" value="4" />
                                            <label class = "full" for="star4"></label>

                                        	<!-- <input type="radio" id="star3half" name="rating" value="3 and a half" />
                                            <label class="half" for="star3half"></label> -->

                                        	<input type="radio" id="star3" name="rating" value="3" />
                                            <label class = "full" for="star3"></label>

                                        	<!-- <input type="radio" id="star2half" name="rating" value="2 and a half" />
                                            <label class="half" for="star2half"></label> -->

                                        	<input type="radio" id="star2" name="rating" value="2" />
                                            <label class = "full" for="star2"></label>

                                        	<!-- <input type="radio" id="star1half" name="rating" value="1 and a half" />
                                            <label class="half" for="star1half"></label> -->

                                        	<input type="radio" id="star1" name="rating" value="1" />
                                            <label class = "full" for="star1"></label>

                                        	<!-- <input type="radio" id="starhalf" name="rating" value="half" />
                                            <label class="half" for="starhalf"></label> -->

                                        </fieldset>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="modal-course-preview-box">
                                        <div class="card">
                                            <img class="card-img-top img-fluid" id = "course_thumbnail_1" alt="">
                                            <div class="card-body">
                                                <h5 class="card-title" class = "course_title_for_rating" id = "course_title_1"></h5>
                                                <p class="card-text" id = "instructor_details">

                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-body step step-2">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="modal-rating-comment-box">
                                        <h4 class="rating-title">Write a public review</h4>
                                        <textarea id = "review_of_a_course" name = "review_of_a_course" placeholder="Describe your experience what you got out of the course and other helpful highlights. What did the instructor do well and what could use some improvement?" maxlength="65000" class="form-control"></textarea>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="modal-course-preview-box">
                                        <div class="card">
                                            <img class="card-img-top img-fluid" id = "course_thumbnail_2" alt="">
                                            <div class="card-body">
                                                <h5 class="card-title" class = "course_title_for_rating" id = "course_title_2"></h5>
                                                <p class="card-text">
                                                    -
                                                    toplider toplider                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" name="course_id" id = "course_id_for_rating" value="">
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary next step step-1" data-step="1" onclick="sendEvent(2)">Next</button>
                        <button type="button" class="btn btn-primary previous step step-2 mr-auto" data-step="2" onclick="sendEvent(1)">Previous</button>
                        <button type="button" class="btn btn-primary publish step step-2" onclick="publishRating($('#course_id_for_rating').val())" id = "">Publish</button>
                    </div>
                </div>
            </div>
        </div><!-- Modal -->


        <script type="text/javascript">
            function publishRating(course_id) {
                var review = $('#review_of_a_course').val();
                var starRating = 0;
                $('input:radio[name="rating"]:checked').each(function() {
                    starRating = $('input:radio[name="rating"]:checked').val();
                });

                $.ajax({
                    type : 'POST',
                    url  : 'http://serghost.ru/home/rate_course',
                    data : {course_id : course_id, review : review, starRating : starRating},
                    success : function(response) {
                        console.log(response);
                        $('#EditRatingModal').modal('hide');
                        location.reload();
                    }
                });
            }
        </script>
<script src="http://serghost.ru/assets/frontend/default/js/vendor/modernizr-3.5.0.min.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/vendor/jquery-3.2.1.min.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/popper.min.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/bootstrap.min.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/slick.min.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/select2.min.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/tinymce.min.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/multi-step-modal.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/jquery.webui-popover.min.js"></script>
<script src="https://content.jwplatform.com/libraries/O7BMTay5.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/main.js"></script>
<script src="http://serghost.ru/assets/global/toastr/toastr.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/nestable2/1.6.0/jquery.nestable.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js" integrity="sha384-FzT3vTVGXqf7wRfy8k4BiyzvbNfeYjK+frTVqZeNDFl8woCbF0CYG6g2fMEFFo/i" crossorigin="anonymous"></script>
<script src="http://serghost.ru/assets/frontend/default/js/bootstrap-tagsinput.min.js"></script>
<script src="http://serghost.ru/assets/frontend/default/js/custom.js"></script>

<!-- SHOW TOASTR NOTIFIVATION -->

<script type="text/javascript">
function showAjaxModal(url)
{
// SHOWING AJAX PRELOADER IMAGE
jQuery('#modal_ajax .modal-body').html('<div style="text-align:center;margin-top:200px;"><img src="assets/images/preloader.gif" /></div>');

// LOADING THE AJAX MODAL
jQuery('#modal_ajax').modal('show', {backdrop: 'true'});

// SHOW AJAX RESPONSE ON REQUEST SUCCESS
$.ajax({
  url: url,
  success: function(response)
  {
    jQuery('#modal_ajax .modal-body').html(response);
  }
});
}
</script>

<!-- (Ajax Modal)-->
<div class="modal fade" id="modal_ajax">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal</h4>
            </div>

            <div class="modal-body" style="height:500px; overflow:auto;">



            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>




<script type="text/javascript">
function confirm_modal(delete_url)
{
jQuery('#modal-4').modal('show', {backdrop: 'static'});
document.getElementById('delete_link').setAttribute('href' , delete_url);
}
</script>

<!-- (Normal Modal)-->
<div class="modal fade" id="modal-4">
    <div class="modal-dialog">
        <div class="modal-content" style="margin-top:100px;">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" style="text-align:center;">Are you sure to delete this information ?</h4>
            </div>


            <div class="modal-footer" style="margin:0px; border-top:0px; text-align:center;">
                <a href="#" class="btn btn-danger" id="delete_link">Delete</a>
                <button type="button" class="btn btn-info" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
function toggleRatingView(course_id) {
  $('#course_info_view_'+course_id).toggle();
  $('#course_rating_view_'+course_id).toggle();
  $('#edit_rating_btn_'+course_id).toggle();
  $('#cancel_rating_btn_'+course_id).toggle();
}

function publishRating(course_id) {
    var review = $('#review_of_a_course_'+course_id).val();
    var starRating = 0;
    starRating = $('#star_rating_of_course_'+course_id).val();
    if (starRating > 0) {
        $.ajax({
            type : 'POST',
            url  : 'http://serghost.ru/home/rate_course',
            data : {course_id : course_id, review : review, starRating : starRating},
            success : function(response) {
                location.reload();
            }
        });
    }else{

    }
}
</script>
</body>
</html>
