about.html


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About Us</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
      integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
      crossorigin="anonymous"
    />

    <!--fontawesome-->
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
      integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
      crossorigin="anonymous"
    />

    <link
      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="navbar.css" />
    <link rel="stylesheet" href="about.css" />
    <link
      href="https://fonts.googleapis.com/css2?family=Tiro+Bangla&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link
      href="https://fonts.googleapis.com/css2?family=Tiro+Bangla&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  </head>

  <body>
    <? php

    include 'dbconfig.php';
    session_start();
    $user_id = $_SESSION['user_id'];
  
    if (!isset($user_id)) {
      header('location:userlogin.php');
    };
  
    if (isset($_GET['logout'])) {
      unset($user_id);
      session_destroy();
      header('location:userlogin.php');
    }
  
  
    ?>
    <header class="header">
      <div class="header-inner">
        <div class="container-fluid px-lg-5">
          <nav class="navbar navbar-expand-lg my-navbar">
            <p class="navbar-brand">
              <span class="logo">
                <img
                  src="img/logo5.png"
                  class="img-fluid"
                  style="width: 30px; margin: -3px 0px 0px 0px"
                />StudentOcean</span
              >
            </p>
            <button
              class="navbar-toggler"
              type="button"
              data-toggle="collapse"
              data-target="#navbarSupportedContent"
              aria-controls="navbarSupportedContent"
              aria-expanded="false"
              aria-label="Toggle navigation"
            >
              <span class="navbar-toggler-icon"
                ><i class="fas fa-bars" style="margin: 5px 0px 0px 0px"></i
              ></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <ul class="navbar-nav m-auto">
                <li class="nav-item active">
                  <a class="nav-link" href="./Homepage.php"
                    >Home<span class="sr-only">(current)</span></a
                  >
                </li>
                <div class="dropdown">
                  <button class="dropbtn">Study Resources</button>
                  <div class="dropdown-content">
                    <a href="./semester1.html">Semester-1</a>
                    <a href="./semester2.html">Semester-2</a>
                    <a href="./semester3.html">Semester-3</a>
                    <a href="./semester4.html">Semester-4</a>
                    <a href="./semester5.html">Semester-5</a>
                    <a href="./semester6.html">Semester-6</a>
                    <a href="./oldpaper.html">Old papers</a>
               
                  </div>
                </div>
                <li class="nav-item">
                  <a class="nav-link" href="./teacher.php">Teacher</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="./placement.php">Placement</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="./about.html">About Us</a>
                </li>
              </ul>
              <div class="div-inline my-2 my-lg-0">
                < <button class="header-btn my-5 my-sm-0" onclick="window.location.href='index.html? logout = <?php echo $user_id; ?>'">Logout</button>
              </div>
            </div>
          </nav>
        </div>
      </div>
    </header>
    <h1 class="title">ABOUT &nbsp; DEVELOPER</h1>
    <div class="about">
      Hello Everyone we are developer of Student Ocean.This website only for BCA students,If you want to give us any suggestion regarding this site, then you can contact us.
     
    </div>
    <div class="content">
      <div class="dev" id="dev1" data-aos="fade-up"
      data-aos-duration="1000">
        <div class="profile">
          <img class="circular--square" src="profileimg/dev1.jpeg" />
          <p class="devname">SHIVAM KUMAR</p>
          <div class="social-container">
            <ul class="social-icons">
              <li><a href="https://instagram.com/__shivam__ojha?igshid=YmMyMTA2M2Y=" target="_blank"><i class="fa fa-instagram"></i></a></li>
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            </ul>
        </div>
         
        </div>
        <div class="info">
            <p class="info-title">Hii I Am a Full Stack Web Developer</p>
            <div class="personal-details">
                <i class="fa fa-envelope fa-2x"></i>
                <p>Gmail</p>
                <p>shivamojha@7414</p>
                <i class="fa fa-phone fa-2x"></i>
                <p>Phone no</p>
                <p>7414887589</p>
                <i class="fa fa-map-marker fa-2x"></i> 
                <p>Location</p>
                <p>Chopasni Housing Board jodhpur(Raj)</p>
            </div>
        </div>
      </div>
      <div class="dev" id="dev2" data-aos="fade-up"
      data-aos-duration="1000">
        <div class="profile">
          <img class="circular--square" src="profileimg/dev2.jpeg" />
          <p class="devname">YASH PRAJAPAT</p>
          <div class="social-container">
            <ul class="social-icons">
              <li><a href="#"><i class="fa fa-instagram"></i></a></li>
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            </ul>
            </div>
        </div>
        <div class="info">
          <p class="info-title">Hii I Am a Frontend Web Developer</p>
          <div class="personal-details">
              <i class="fa fa-envelope fa-2x"></i>
              <p>Gmail</p>
              <p>yashrock678@gmail.com</p>
              <i class="fa fa-phone fa-2x"></i>
              <p>Phone no</p>
              <p>9602073091</p>
              <i class="fa fa-map-marker fa-2x"></i>
              <p>Location</p>
              <p>Chopasni Housing Board jodhpur(Raj)</p>
          </div>
        </div>
      </div>
      <div class="dev" id="dev3"data-aos="fade-up"
      data-aos-duration="1000">
        <div class="profile">
          <img class="circular--square" src="profileimg/dev3.jpeg" />
          <p class="devname">RAJDEEP PATEL</p>
          <div class="social-container">
            <ul class="social-icons">
              <li><a href="#"><i class="fa fa-instagram"></i></a></li>
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            </ul>
            </div>
        </div>
        <div class="info">
          <p class="info-title">Hii I Am a Backend Web Developer</p>
          <div class="personal-details">
              <i class="fa fa-envelope fa-2x"></i>
              <p>Gmail</p>
              <p>rajdeeppatel123@gmailcom</p>
              <i class="fa fa-phone fa-2x"></i>
              <p>Phone no</p>
              <p>9461438637</p>
              <i class="fa fa-map-marker fa-2x"></i>
              <p>Location</p>
              <p>Chopasni Housing Board jodhpur(Raj)</p>
          </div>
        </div>
      </div>
      <div class="dev" id="dev4"data-aos="fade-up"
      data-aos-duration="1000">
        <div class="profile">
          <img class="circular--square" src="profileimg/dev4.jpeg" />
          <p class="devname">YUVRAJ SINGH </p>
          <div class="social-container">
            <ul class="social-icons">
              <li><a href="#"><i class="fa fa-instagram"></i></a></li>
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            </ul>
            </div>
        </div>
        <div class="info">
          <p class="info-title">Hii I Am a Frontend Web Developer</p>
          <div class="personal-details">
              <i class="fa fa-envelope fa-2x"></i>
              <p>Gmail</p>
              <p>yuvraj789@gmail.com</p>
              <i class="fa fa-phone fa-2x"></i>
              <p>Phone no</p>
              <p>979353667</p>
              <i class="fa fa-map-marker fa-2x"></i>
              <p>Location</p>
              <p>Chopasni Housing Board jodhpur(Raj)</p>
          </div>
        </div>
      </div>
      <div class="dev" id="dev5"data-aos="fade-up"
      data-aos-duration="1000">
        <div class="profile">
          <img class="circular--square" src="profileimg/dev5.jpeg" />
          <p class="devname">YASH VERMA</p>
          <div class="social-container">
            <ul class="social-icons">
              <li><a href="#"><i class="fa fa-instagram "></i></a></li>
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            </ul>
            </div>
        </div>
        <div class="info">
          <p class="info-title">Hii I Am a Frontend Web Developer</p>
          <div class="personal-details">
              <i class="fa fa-envelope fa-2x"></i>
              <p>Gmail</p>
              <p>vermayash182@gmail.com</p>
              <i class="fa fa-phone fa-2x"></i>
              <p>Phone no</p>
              <p>9799188380</p>
              <i class="fa fa-map-marker fa-2x"></i>
              <p>Location</p>
              <p>MANDORE JODHPUR(Raj)</p>
          </div>
        </div>
      </div>
    </div>
  
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
      AOS.init();
  </script>
  </body>
</html>