index.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="">
  7. <meta property="og:site_name" content="" />
  8. <meta property="og:title" content=""/>
  9. <meta property="og:description" content="" />
  10. <meta property="og:image" content="" />
  11. <meta property="og:url" content="" />
  12. <meta name="twitter:card" content="summary_large_image">
  13. <title>The Greenwood Promise</title>
  14. <link href="css/site.css" rel="stylesheet">
  15. <link rel="icon" href="img/favicon.png">
  16. </head>
  17. <body>
  18. <header>
  19. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  20. <div class="container-fluid">
  21. <a class="navbar-brand" href="/">Greenwood Promise</a>
  22. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  23. <span class="navbar-toggler-icon"></span>
  24. </button>
  25. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  26. <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  27. <li class="nav-item">
  28. <a class="nav-link" aria-current="page" href="about.html">About</a>
  29. </li>
  30. <li class="nav-item">
  31. <a class="nav-link" href="eligibility.html">Eligibility</a>
  32. </li>
  33. <li class="nav-item">
  34. <a class="nav-link" href="news.html">News</a>
  35. </li>
  36. <li class="nav-item">
  37. <a class="nav-link" href="leadership.html">Leadership</a>
  38. </li>
  39. <li class="nav-item">
  40. <a class="nav-link" href="investors.html">Investors</a>
  41. </li>
  42. <li class="nav-item">
  43. <a class="nav-link" href="contact.html">Contact</a>
  44. </li>
  45. </ul>
  46. <ul class="navbar-nav ml-auto">
  47. <li class="nav-item">
  48. <a class="mx-1 btn btn-outline-success" role="button">Donate</a>
  49. </li>
  50. <li class="nav-item">
  51. <a class="mx-1 btn btn-outline-success" role="button">eScholarship</a>
  52. </li>
  53. </ul>
  54. <form class="d-flex">
  55. <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
  56. <button class="btn btn-outline-success" type="submit">Search</button>
  57. </form>
  58. </div>
  59. </div>
  60. </nav>
  61. </header>
  62. <main>
  63. <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
  64. <div class="carousel-indicators">
  65. <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  66. <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
  67. <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
  68. </div>
  69. <div class="carousel-inner">
  70. <div class="carousel-item active">
  71. <img src="img/one.jpg" class="img-fluid w-100" alt="...">
  72. <div class="carousel-caption d-none d-md-block">
  73. <h5>Promise News</h5>
  74. <p>...</p>
  75. </div>
  76. </div>
  77. <div class="carousel-item">
  78. <img src="img/one.jpg" class="img-fluid w-100" alt="...">
  79. <div class="carousel-caption d-none d-md-block">
  80. <h5>2021 Student Survey</h5>
  81. <p>...</p>
  82. </div>
  83. </div>
  84. <div class="carousel-item">
  85. <img src="img/one.jpg" class="img-fluid w-100" alt="...">
  86. <div class="carousel-caption d-none d-md-block">
  87. <h5>Students and Parents</h5>
  88. <p>...</p>
  89. </div>
  90. </div>
  91. <div class="carousel-item">
  92. <img src="img/one.jpg" class="img-fluid w-100" alt="...">
  93. <div class="carousel-caption d-none d-md-block">
  94. <h5>Our Donors and Investors</h5>
  95. <p>...</p>
  96. </div>
  97. </div>
  98. </div>
  99. <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
  100. <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  101. <span class="visually-hidden">Previous</span>
  102. </button>
  103. <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
  104. <span class="carousel-control-next-icon" aria-hidden="true"></span>
  105. <span class="visually-hidden">Next</span>
  106. </button>
  107. </div>
  108. <div class="container mt-5">
  109. <div class="row align-items-start">
  110. <div class="col text-center">
  111. <h1>Mission</h1>
  112. <p>Our mission is to provide a tuition-free path to ensure Greenwood County students obtain the post-secondary education needed to develop a highly-skilled workforce, improve overall quality of life, and increase economic vitality.</p>
  113. </div>
  114. <div class="col text-center">
  115. <h1>Vision</h1>
  116. <p>Our vision is to foster a community actively engaged in education.</p>
  117. </div>
  118. </div>
  119. <div class="row justify-content-md-center mt-5">
  120. <div class="col-lg-6 text-center">
  121. <h1>You can Go To College... We Promise!!</h1>
  122. <p>Our mission is to provide a tuition-free path to ensure Greenwood County students obtain the post-secondary education needed to develop a highly-skilled workforce, improve overall quality of life, and increase economic vitality.</p>
  123. </div>
  124. </div>
  125. </div>
  126. </main>
  127. <footer class="border-top mt-5 py-5">
  128. <div class="container ">
  129. <p class="float-end mb-1">
  130. <a href="#">Back to top</a>
  131. </p>
  132. <p class="mb-0">The Greenwood Promise &copy; 2022</p>
  133. <p class="mb-0">P.O. Box 49458 Greenwood, SC 29649</p>
  134. <p class="mb-0">Tel: (864) 377-8110</p>
  135. <p class="fs-2"><i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></p>
  136. </div>
  137. </footer>
  138. <script src="js/site.js"></script>
  139. </body>
  140. </html>