/ index.html
index.html
1 {{>start}} 2 <!-- Banner --> 3 <div id="banner" class="wrapper"> 4 <div class="inner"> 5 <div class="content"> 6 <h1>Bit By Bit - Digital Development</h1> 7 <p> 8 Educational and accessible website development and design services 9 that put you in the driver's seat. 10 </p> 11 <ul class="actions"> 12 <li><a href="#one" class="button large primary scrolly">Learn More</a></li> 13 </ul> 14 </div> 15 <div class="image-wrapper"> 16 <img src="images/frame.png" class="frame" alt="" /> 17 <div class="image"> 18 <img src="images/b3.jpg" alt="" /> 19 </div> 20 </div> 21 </div> 22 </div> 23 24 <!-- Wrapper --> 25 <div id="wrapper"> 26 27 <!-- One --> 28 <section id="one" class="wrapper style1"> 29 <div class="inner"> 30 <div class="spotlights"> 31 <div class="spotlight"> 32 <div class="image fit"> 33 <img src="images/pic02.jpg" alt="" /> 34 </div> 35 <div class="content"> 36 <h2>Web Design and Development</h2> 37 <p> 38 At Bit By Bit, our goal is to equip you with all skills necessary to establish and maintain your own digital identity. 39 The first step towards this goal is to build a webpage using basic tools like HTML and CSS. 40 </p> 41 <p> 42 To get started, we can either pull from a wide variety of established templates or start from scratch to build something 43 totally customized to your unique vision. You keep the code, and what happens from there is up to you. 44 </p> 45 <ul class="actions"> 46 <li><a href="details/#dev" class="button primary">Learn More</a></li> 47 </ul> 48 </div> 49 </div> 50 <div class="spotlight"> 51 <div class="image fit alt"> 52 <img src="images/pic03.jpg" alt="" /> 53 </div> 54 <div class="content"> 55 <h2>Web Hosting</h2> 56 <p> 57 The internet is not as complicated as people make it out to be, but it takes time to learn the ropes when it comes to 58 running your own web server. If you want to take your time with it, we can take care of hosting and domain name 59 registration for you. 60 </p> 61 <ul class="actions"> 62 <li><a href="details/#hosting" class="button primary">Learn More</a></li> 63 </ul> 64 </div> 65 </div> 66 <div class="spotlight"> 67 <div class="image fit"> 68 <img src="images/pic04.jpg" alt="" /> 69 </div> 70 <div class="content"> 71 <h2>Site Upkeep and Maintenance</h2> 72 <p> 73 Our goal is to encourage our clients to take responsibility over your own online presence. At the same time, we recognize 74 that some people have their hands full with everything that is already on their plate. For such clients, we offer an inclusive 75 package that covers updates, security, backups, and on-going support for changes to the site. 76 </p> 77 <ul class="actions"> 78 <li><a href="details/#upkeep" class="button primary">Learn More</a></li> 79 </ul> 80 </div> 81 </div> 82 </div> 83 </div> 84 </section> 85 86 <!-- Two --> 87 <section id="two" class="wrapper style1"> 88 <div class="inner"> 89 <div class="features box cta"> 90 <div class="feature"> 91 <span class="icon solid alt major fa-bolt "></span> 92 <h2>Empowering</h2> 93 <p>Bit By Bit is designed to put <i>you</i> in the driver's seat. We'll show you how everything works, and then step back and let you take charge.</p> 94 </div> 95 <div class="feature"> 96 <span class="icon solid alt major fa-user-friends "></span> 97 <h2>Community-focused</h2> 98 <p>All of our consultations and tutoring sessions are offered primarily face-to-face. We use computers to connect people, not separate them.</p> 99 </div> 100 <div class="feature"> 101 <span class="icon solid alt major fa-universal-access "></span> 102 <h2>Accessible</h2> 103 <p>Wherever your tech skills are, we can meet you there. We believe that technology should benefit everyone, and it's our job to keep you included.</p> 104 </div> 105 <div class="feature"> 106 <span class="icon solid alt major fa-chalkboard-teacher "></span> 107 <h2>Educational</h2> 108 <p>Everything we offer is built to be taken apart, investigated, and reassembled. Your independence is our finish line.</p> 109 </div> 110 <div class="feature"> 111 <span class="icon solid alt major fa-laptop "></span> 112 <h2>Foundational</h2> 113 <p>We are firm believers in using the right tool for the job. We avoid fads in the tech world and choose to focus on basic skills like HTML and CSS.</p> 114 </div> 115 <div class="feature"> 116 <span class="icon solid alt major fa-book-open "></span> 117 <h2>Open Source</h2> 118 <p>All of the technology we use is freely licensed and available to everyone - there is no secret sauce, we'll teach you the recipe.</p> 119 </div> 120 </div> 121 </div> 122 </section> 123 124 <!-- Three --> 125 <section id="three" class="wrapper style1"> 126 <div class="inner"> 127 <div class="box cta"> 128 <div class="content"> 129 <h2>Bit By Bit Mentorship Program</h2> 130 <p> 131 Our central focus is equipping people with the skills they need to be successful in the digital world we live in. 132 At Bit By Bit, we teach the skill of "computering" as a fundamental, baseline understanding of how to use computers 133 as a tool to solve problems and get things done. 134 </p> 135 </div> 136 <ul class="actions stacked"> 137 <li><a href="mentorship/" class="button primary large fit">Sign In</a></li> 138 <li><a href="details/#mentorship" class="button large fit">Learn More</a></li> 139 </ul> 140 </div> 141 </div> 142 </section> 143 </div> 144 {{>end}}