gadget-library.github.io

  • e5_829463
    了解作者
  • 22.3MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-14 22:15
    上传日期
gadget-library.github.io
gadget-library_github_io-main.zip
  • gadget-library.github.io-main
  • img
  • wood.jpg
    66.7KB
  • profile1.png
    422.6KB
  • lap.jpg
    13MB
  • laptop.jpg
    39.7KB
  • yash.jpeg
    79.9KB
  • poor.jpg
    1.7MB
  • gadgets.jpg
    183KB
  • back.png
    227.3KB
  • smile.jpg
    5.3KB
  • sans.jpg
    854.3KB
  • tv.jpg
    3.9MB
  • logo.png
    7.2KB
  • rural1.jpg
    127.7KB
  • robot.jpg
    1.8MB
  • school.jpg
    113.7KB
  • profile1.webp
    81.8KB
  • js
  • smooth-scroll.js
    18.8KB
  • index.html
    14.1KB
  • styles.css
    5.4KB
内容介绍
<html> <head> <title>Gadget library</title> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" ></script> </head> <body> <section id="nav-bar"> <nav class="navbar navbar-expand-lg navbar-light"> <div class="container-fluid"> <a class="navbar-brand" href="#" rel='nofollow' onclick='return false;'></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="#" rel='nofollow' onclick='return false;'>HOME</a> </li> <li class="nav-item"> <a class="nav-link" href="#about" rel='nofollow' onclick='return false;'>ABOUT US</a> </li> <li class="nav-item"> <a class="nav-link" href="#price" rel='nofollow' onclick='return false;'>MEMBERSHIP</a> </li> <li class="nav-item"> <a class="nav-link" href="#services" rel='nofollow' onclick='return false;'>AVAILABLE GADGETS</a> </li> <li class="nav-item"> <a class="nav-link" href="#contact" rel='nofollow' onclick='return false;'>CONTACT US</a> </li> </ul> </div> </div> </nav> </section> <!----SLIDER-----> <div id="slider"> <div id="headerSlider" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators"> <button type="button" data-bs-target="#headerSlider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#headerSlider" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#headerSlider" data-bs-slide-to="2" aria-label="Slide 3"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <div class="carousel-caption"> <h5>GADGETS ARE NO MORE A LUXURY BUT A NECESSITY IN TODAY'S WORLD</h5> </div> </div> <div class="carousel-item"> <div class="carousel-caption"> <h5>MAKING A MAJOR PART OF THE POPULATION TECHNICALLY SOUND CAN ACCELERATE THE GROWTH A COUNTRY EXPONENTIALY</h5> </div> </div> <div class="carousel-item"> <div class="carousel-caption"> <h5>THESE PEOPLE WHO MAY NEVER HAVE KNOW ABOUT A PHONE OR LAPTOP LET ALONE SEE ONE,CAN ACCTUALY OWN ONE THROUGH OUR PORTAL</h5> </div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#headerSlider" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#headerSlider" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </div> <!-----About-----> <setcion id="about"> <div class="container"> <div class="row"> <div class="col-md-6"> <h1>ABOUT US</h1> <div class="about-content"> NAMASTE!<br> We are team Gadget Library<br> Gadget library basically deals with providing top quality gadgets to the underdeveloped sections of society in India . We aim at developing centers of gadget library at the remotest areas of the country and provide services . this will help impart education to every nook and corner of the country and therefore improve literacy rate. </div> <button type="button" class="btn btn-primary">Read more>></button> </div> <div class="col-md-6 skills-bar"> <br><br><br><br><br> <p>Percentage of people with a Computer in India</p> <div class="progress"> <div class="progress-bar" style="width: 10%">10%</div> </div> <p>Percentage of People with computers in Urban centres</p> <div class="progress"> <div class="progress-bar" style="width: 96%">98%</div> </div> <p>Percentage of People with computers in Rural centres</p> <div class="progress"> <div class="progress-bar" style="width: 4%">2%</div> </div> </div> </div> </section> <!------services-------> <section id="services"> <div class="container"> <h1>Our Services</h1> <div class="row services"> <div class="col-md-3 text-center"> <div class="icon"> <i class="fa fa-desktop"></i> </div> <h3>Laptops</h3 <p>For students there will be games installed to help students have better understanding of concepts<br> Explaination videos ,websites like NPTEL , or other e-learning apps will be pre-installed .<br> For farmers there will be separate application that will provide information about modern effective farming techniques and will give information about weather forecasts regularly. </p> </div> <div class="col-md-3 text-center"> <div class="icon"> <i class="fa fa-mobile"></i> </div> <h3>Smartphones</h3 <p>Smartphones will have an age limit. It can only be acquired people above 18 years of age.<br> For students there will be games installed to help students have better understanding of concepts<br> Explaination videos ,websites like NPTEL , or other e-learning apps will be pre-installed .<br> For farmers there will be separate application that will provide information about modern effective farming techniques and will give information about weather forecasts regularly. </p> </div> <div class="col-md-3 text-center"> <div class="icon"> <i class="fa fa-tablet"></i> </div> <h3>Tablets</h3 <p>For students there will be games installed to help students have better understanding of concepts<br> Explaination videos ,websites like NPTEL , or other e-learning apps will be pre-installed .<br> For farmers there will be separate application that will provide information about modern effective farming techniques and will give information about weather forecasts regularly. </p> </div> <div class="col-md-3 text-center"> <div class="icon"> <i class="fa fa-internet-explorer"></i> </div> <h3>Wifi dongles</h3 <p>For good internet connection we will also be providing dongles or other wireless devices which will ensure a continuous network for the user.<br> A network speed of 128 kbps will be ensured for the user. </p> </div> </div> </div> </section> <!-------Team members--------> <section id="team"> <div class="container"> <h1>Our Team</h1> <div class="row"> <div class="col-md-6 profile-pic text-center"> <div class="img-box"> </div> <h2>YASH KETAN AGNIHOT
评论
    相关推荐