text: import React from 'react'
  import Col from '../svg/col.svg'
  import '../css/home.css'
  import logo1 from "../images/book.jpg"
  import logo2 from "../images/blog.jpg"
  import logo3 from "../images/galery.jpg"
  import logo4 from "../images/app_d.png"
  import { Link } from 'react-router-dom'
  
  function Home() {
    return (
      <div className="home">
        <div className="hero">
          <div className="hero_text container">
            <h1>Know IIEST</h1>
            <p>Since it's establishment in 1856, the Indian Institute of Engineering Science and Technology, Shibpur (IIEST Shibpur) erstwhile BE College/ BESU  is a premier institute being the second oldest engineering college of India which has significantly contributed to the development of this nation. The college has a rich culture of heritage with foundations of historical importance and a green lush campus where one can find moments of serenity.</p>
          </div>
          <div className="hero_img">
            <img src={Col} alt="iiest"></img>
          </div>
        </div>
        <div className="feature_section container">
          <h2>Our Top Features</h2>
          <div className="feature_card_container">
            <div className="feature_card">
              <div className="feature_card_img_container">
                <img className="feature_card_img" src={logo1} alt="book"></img>
                <div class="overlay">
                  <div class="text">
                    <h4>Explore this Feature</h4>
                    <p>Here are the books and class notes that will help you in your semesters...</p>
                  </div>
                </div>
              </div>
              <div className="feature_card_text">
                <h3>Books For Semester Exam</h3>
                <p>
                Here are the books and class notes that will help you in your semesters...
        </p>
                <Link to="/books" className="explore_link">explore here</Link>
              </div>
            </div>
            <div className="feature_card">
              <div className="feature_card_img_container">
                <img className="feature_card_img" src={logo2} alt="book"></img>
                <div class="overlay">
                  <div class="text">
                    <h4>Explore this Feature</h4>
                    <p>Have you ever realised that campus life is awesome!!!! Share your experiences with us here...</p>
                  </div>
                </div>
              </div>
              <div className="feature_card_text">
                <h3>Blogs on Campus Life</h3>
                <p>
                Have you ever realised that campus life is awesome!!!! Share your experiences with us here...
        </p>
                <a href="https://knowiiestblog.herokuapp.com/" className="explore_link">explore here</a>
              </div>
            </div>
            <div className="feature_card">
              <div className="feature_card_img_container">
                <img className="feature_card_img" src={logo3} alt="book"></img>
                <div class="overlay">
                  <div class="text">
                    <h4>Explore this Feature</h4>
                    <p> Give your Feedback and Valuable comments here . Give it a try .</p>
                  </div>
                </div>
              </div>
              <div className="feature_card_text">
                <h3>Feedback / Chats</h3>
                <p>
               Give your Feedback and Valuable comments here . Give it a try .
        </p>
                <a href="https://knowmyblog.herokuapp.com/" className="explore_link">explore here</a>
              </div>
            </div>
          </div>
        </div>
        <div className="appdownload container">
            <div className="app_download_text">
              <h3>Download our App for better experience</h3>
              <button className="btn btn-outline-secondary btn-lg"><a className="link_download" href="https://drive.google.com/uc?export=download&id=1veNjySa2amIMitrauJGHmi9NQiztlWNE" target="blank">Download apk file</a></button>
            </div>
            <div className="app_photo">
                <img src={logo4} alt="app"></img>
            </div>
        </div>
      </div>
  
    );
  }
  
  export default Home;
  