<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <title></title>
  <link rel="stylesheet" href="https://blogsafar.com/themes/socio/assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://blogsafar.com/public/plugins/fontawesome-free/css/all.min.css">
  <link rel="stylesheet" href="https://blogsafar.com/themes/socio/assets/css/login.css">
  <link rel="icon" type="image/x-icon" href="https://blogsafar.com/uploads/photos/favicon/2025/09/1757009624_ede125d1f0bdd33762b4.png">
  <meta property="og:url" content="https://blogsafar.com/login">
  <meta property="og:title" content="Blogsafar – Share Stories, Connect Globally, Blog Freely">
  <meta property="og:description" content="This is general descriptionJoin Blogsafar to share your stories, connect with friends, and explore a global blogging community. Publish blogs, discover trending content, and express yourself online.">
  <meta property="og:image" content="https://blogsafar.com/uploads/photos/favicon/2025/09/1757009624_ede125d1f0bdd33762b4.png">
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>


</head>

<body>
  <div class="www-layout">
    <section>
      <div class="gap no-gap signin whitish medium-opacity">
        <!-- Top Section -->
        <div class="top_section">
          <div class="container d-flex align-items-center justify-content-between">
            <a class="logo" href="https://blogsafar.com/">
                            <img class="logo logo-img" src="https://blogsafar.com/uploads/photos/site_logo/2025/09/1757176879_11c839f77c6bc855a860.png" alt="Site Logo" />
            </a>

                          <a class="btn btn-sm btn-primary" href="https://blogsafar.com/register">Register</a>
                      </div>
        </div>

        <!-- Main Content Section -->
        <div class="container">
          <div class="row px-2 mt-5 gy-4 justify-content-between align-items-center">
            <div class="col-lg-6 text-lg-start text-center body_login">
              <div class="banner-content wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="0.5s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.3s; animation-name: fadeInUp;">
                <h2>
                  Login – Access Your Blogsafar Account and Connect with Friends                </h2>
                <p class="mt-3">Welcome to BlogSafar
BlogSafar is a versatile social network designed to bring people together. Whether you're here to blog, post updates, network for jobs, or meet new people—this is your space to connect and share.
Join now and make amazing friends from all corners of the world!
</p>
              </div>

              <!-- App Download Icons Section -->
              <div class="row mt-2 px-3 text-center">
                                              </div>
              <!-- End of App Download Icons Section -->
            </div>

            <!-- Render Section Content -->
            
<div class="col-lg-6 p-4 p-sm-5 bg-primary bg-opacity-10 rounded">
  <h4>Log in to your account</h4>
  <hr>
      
  <!-- Form START -->
  <form class="login_form" action="https://blogsafar.com/login" method="post">
    <div class="form-group mb-3">
      <label for="email" class="form-label">Email Address</label>
      <input type="text" class="form-control" placeholder="Email Address" name="email" id="email" value="">
          </div>

    <div class="form-group mt-2 mb-3">
      <label for="password" class="form-label">Password</label>
      <input type="password" class="form-control" placeholder="Password" name="password" id="password" value="">
          </div>

    <div class="form-check mb-3">
      <input type="checkbox" class="form-check-input" id="rememberme" name="rememberme" value="1">
      <label class="form-check-label" for="rememberme">Remember Me</label>
    </div>

    
    <div class="row align-items-center">
      <div class="col-sm-4">
        <button type="submit" class="btn btn-primary">Log in</button>
      </div>
      <div class="col-sm-8 text-sm-end">
                <span><a href="https://blogsafar.com/forgotpassword"><u>Forgot Password</u></a></span>
      </div>
    </div>
  </form>
  <hr>

      <span>Don't have an account?      <a class="we-account underline" href="https://blogsafar.com/register" title="">Create an Account</a></span>
    <hr>
  
  <!-- Social-media btn -->
  <div class="text-center">
          <p>Sign in with your social network for quick access</p>

      <ul class="list-unstyled d-sm-flex mt-3 justify-content-center">
        <!--  -->
                  <li class="mx-2  my-2">
            <a href="https://blogsafar.com/social_login/google" class="btn bg-google social_buttons d-inline-block">
              <i class="fab fa-google me-2"></i> Sign in with Google            </a>
          </li>
              </ul>
    

      </div>
</div>




          </div>
        </div>

        <!-- Footer Section -->
        <footer class="w-100 position-relative mt-5 fr_welcome_bottom">
          <div class="container">
            <div class="row footer">
              <div class="col-sm-6 text-start p-2">
                <span>© 2025 <a href="https://blogsafar.com/">BlogSafar</a> - . All rights reserved.</span>
                <a href="#" data-bs-toggle="modal" data-bs-target="#languageModal" class="ms-3">
                  <svg fill="currentColor" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg" style="margin-right: 5px; vertical-align: middle;">
                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.93 6h-2.88c-.13-1.45-.5-2.81-1.07-4.07 1.84.45 3.41 1.57 4.61 3.07-.21.3-.44.59-.66.9zm-4.93-4.4c.5 1.05.83 2.15 1 3.4h-2c.17-1.25.5-2.35 1-3.4zm-3.93 4.4H4.07c.22-.31.45-.6.66-.9 1.19-1.5 2.77-2.62 4.61-3.07-.57 1.26-.94 2.62-1.07 4.07zM4.07 14h2.88c.13 1.45.5 2.81 1.07 4.07-1.84-.45-3.41-1.57-4.61-3.07.21-.3.44-.59.66-.9zM9 16.4c-.5-1.05-.83-2.15-1-3.4h2c-.17 1.25-.5 2.35-1 3.4zm3 3.17c-.5-1.26-.83-2.35-1-3.57h2c-.17 1.22-.5 2.31-1 3.57zm3.93-4.07h2.88c-.22.31-.45.6-.66.9-1.19 1.5-2.77 2.62-4.61 3.07.57-1.26.94-2.62 1.07-4.07zm0-2h-2.88c-.13-1.45-.5-2.81-1.07-4.07 1.84.45 3.41 1.57 4.61 3.07-.21.3-.44.59-.66.9z"></path>
                  </svg>Select Language                </a>
              </div>
              <div class="col-sm-6 text-end">
                <nav class="nav justify-content-end">
                  <a class="nav-link" href="https://blogsafar.com/login">Log in</a>
                  <a class="nav-link" href="https://blogsafar.com/register">Sign Up</a>
                  <a class="nav-link" href="https://blogsafar.com/page/about">About</a>
                  <a class="nav-link" href="https://blogsafar.com/page/terms-and-conditions">Terms</a>
                  <a class="nav-link" href="https://blogsafar.com/page/privacy-policy">Privacy</a>
                  <a class="nav-link" href="https://blogsafar.com/page/data-deletion-request">Data Deletion</a>
                </nav>
              </div>
            </div>
          </div>
        </footer>

        <!-- Language Selection Modal -->
        <div class="modal fade custom-language-modal" id="languageModal" tabindex="-1" role="dialog" aria-labelledby="languageModalLabel" aria-hidden="true">
          <div class="modal-dialog custom-modal-dialog" role="document">
            <div class="modal-content custom-modal-content">
              <div class="modal-header custom-modal-header">
                <h5 class="modal-title" id="languageModalLabel">Select Language</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body custom-modal-body">
                <ul class="list-unstyled custom-language-list">
                                      <li>
                      <a class="dropdown-item text-center" href="https://blogsafar.com/set-language/nl">
                        Dutch                      </a>
                    </li>
                                      <li>
                      <a class="dropdown-item text-center" href="https://blogsafar.com/set-language/ar">
                        Arabic                      </a>
                    </li>
                                      <li>
                      <a class="dropdown-item text-center" href="https://blogsafar.com/set-language/zh">
                        Chinese                      </a>
                    </li>
                                      <li>
                      <a class="dropdown-item text-center" href="https://blogsafar.com/set-language/es">
                        Spanish                      </a>
                    </li>
                                      <li>
                      <a class="dropdown-item text-center" href="https://blogsafar.com/set-language/en">
                        English                      </a>
                    </li>
                                      <li>
                      <a class="dropdown-item text-center" href="https://blogsafar.com/set-language/pt">
                        Portuguese                      </a>
                    </li>
                                      <li>
                      <a class="dropdown-item text-center" href="https://blogsafar.com/set-language/fr">
                        French                      </a>
                    </li>
                                      <li>
                      <a class="dropdown-item text-center" href="https://blogsafar.com/set-language/ur">
                        Urdu                      </a>
                    </li>
                                      <li>
                      <a class="dropdown-item text-center" href="https://blogsafar.com/set-language/de">
                        German                      </a>
                    </li>
                                  </ul>
              </div>
              <div class="modal-footer custom-modal-footer">
                <button type="button" class="btn btn-primary custom-btn-close" data-bs-dismiss="modal">Close</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>

  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://blogsafar.com/themes/socio/assets//js/bootstrap.min.js"></script>
  <script src="https://blogsafar.com/public/assets/js/jquery.validate.min.js"></script>
  <script src="https://blogsafar.com/themes/socio/assets/js/login.js"></script>
  
</body>

</html>