/ details.html
details.html
1 {{>start}} 2 <!-- Main --> 3 <div id="wrapper"> 4 <section class="wrapper"> 5 <header class="major"> 6 <h1>Details</h1> 7 <p>Here, you can gain a better idea about what we do.</p> 8 </header> 9 </section> 10 <section id="services" class="wrapper style1"> 11 <div class="inner"> 12 <header> 13 <h1>Our Services</h1> 14 </header> 15 16 <div id="dev" style="transform: translateY(-5em);"></div> 17 <h3>Design and Development</h3> 18 <span class="image right"><img src="images/pic04.jpg" alt="" style="max-height: 25em"/></span> 19 <p> 20 Building websites is our primary focus - it's our "bread and butter". Working with us, you can expect high-quality 21 websites with responsive designs that look good on any browser - desktop, mobile, or 22 anything in between. Here's how it works: 23 </p> 24 <p> 25 We start by putting together an approximate idea of what the finished product should look 26 like. This might include referencing other webpages, deciding on a color scheme, building 27 a branding package, or choosing a pre-defined template. 28 </p> 29 <p> 30 Once we have a clear idea of the design that we would like to aim for, we can start developing 31 the site. This is an interactive process, which means that we'll be regularly checking in to 32 see if there's any course correction that needs to happen as we go. This process should take 33 between one and two weeks for an entry-level website. 34 </p> 35 36 <p> 37 At the end of the development process, you will recieve a package of files that constitute 38 your website - this package is <i>yours to keep</i>. It will contain all of the files you 39 need to host your website in the way you choose. They will be packaged as basic HTML, CSS, 40 and Javascript files and documented with a README. This will make it easy for any developer 41 (not just us!) to pick up and go from there. If you want more help from there, we offer more 42 services below. 43 </p> 44 45 <div id="hosting" style="transform: translateY(-5em);"></div> 46 <h3>Web Hosting</h3> 47 <span class="image right"><img src="images/pic02.jpg" alt="" /></span> 48 <p>In addition to developing websites, we also offer subscription services for hosting them 49 on the internet. Hosting requires a computer to be available at all times to respond to 50 requests, which means that we cannot offer it as a one-time fee. Additionally, domain name 51 registration requires renting out the domain over time, which is a service that we can 52 manage on your behalf.</p> 53 <p>We use reliable, well-known services with good uptime statistics. Setup should be a 54 one-time operation that leaves you with direct access to the server where the website is 55 hosted. From there, you are free to make changes to the website as you wish.</p> 56 <p>We are happy to help guide you through the process of setting up these subscriptions 57 independently, however we offer this service to our clients as a convenience.</p> 58 59 <div id="upkeep" style="transform: translateY(-5em);"></div> 60 <h3>Site Upkeep and Maintenance</h3> 61 <span class="image right"><img src="images/support.jpg" alt="" /></span> 62 <p>If required, we are willing to offer support and maintenance for the 63 projects we take on. Since our goal is building independence for our clients, we try 64 to encourage folks to take a DIY approach and give them the skills they need to do 65 this work on their own terms.</p> 66 <p>That said, some of our clients do not have the capacity to balance learning a new 67 skill with everything in their busy schedule. In these cases, we offer maintenance 68 plans by monthly subscription. These plans include: 69 <ul> 70 <li>Ongoing development</li> 71 <li>Uptime monitoring</li> 72 <li>Secondary service management (mail servers, social media)</li> 73 <li>DNS and server management</li> 74 </ul> 75 <p> 76 </div> 77 </section> 78 <section id="pricing" class="wrapper"> 79 <div class="inner"> 80 <header> 81 <h1>Pricing and Payment</h1> 82 <p><i>We value transparency as a core piece of our business model.</i></p> 83 </header> 84 <h3>Design and Development</h3> 85 <p> 86 Our basic pricing model starts at $300 for a landing page with an extra $100 87 per additional page, up to a maximum of $1000. More complex pages and custom 88 design work may require hourly billing, with a base rate of $80/hour for each 89 member working on a given task. 90 </p> 91 92 <h3>Web Hosting</h3> 93 <p>While all our development hosting is done in-house, We rely on infrastructure 94 offered local companies like <a href="https://www.nplusnetworks.com/">N+ Networks</a> 95 and <a href="https://www.grape.ca/">Grape Domains</a> for long-term hosting and 96 domain registration. We can walk you through set-up or take responsibility over 97 keeping these systems live at a flexible rate of $10 to $30 per month depending 98 on domain name and cost of features (e.g. business email, NextCloud)</p> 99 100 <h3>Upkeep and Maintenance</h3> 101 <p>Our goal is to encourage your independence. Any clients who would like to 102 enlist our services for long-term website development and maintenance can expect 103 to pay anywhere from $250 to $500 per month for Bit By Bit to take responsibility 104 over their online presence. This may include backups, copy changes, SEO optimization, 105 server updates, and other services as necessary. Cancel at any time and we will 106 happily provide you with everything you need to move elsewhere or do it yourself. 107 </p> 108 109 <h3>Tutoring & Mentorship</h3> 110 <p> 111 We offer 1:1 lessons on web development, programming, system administration, and 112 anything else related to establishing your digital presence in the online world. 113 Our tutors set their own rates but you can expect to pay between $50 to $100 per 114 hour for individual instruction. Read more below. 115 <p> 116 117 </div> 118 </section> 119 <section id="tutoring" class="wrapper style1"> 120 <div class="inner"> 121 <header> 122 <h1>Tutoring and Mentorship</h1> 123 <p><i>We'll teach you how to teach yourself.</i></p> 124 </header> 125 <p> 126 Aside from web development, the main service that we offer at Bit by Bit is education. 127 We believe that when people are enabled to make use of the tools at their disposal, 128 the whole community benefits from the extra hands. 129 </p> 130 <p> 131 Our goal is to enable people to take full responsibility over their digital identity. 132 This involves knowing how to host a website, knowing how to customize that website, 133 and how to add interactive features to make a page that works for them. From there, 134 we can start diving into the cool stuff you can do with your very own server. 135 </p> 136 137 <h3>What do you teach?</h3> 138 <p> 139 The most important, fundamental skill we teach is "computation", specifically within 140 the context of Linux systems. Being able to program in Python means very little 141 without the context of what a Python script is and why you might need one. Unlike 142 "programming bootcamps" and similar forms of education, we make sure that your 143 understanding is grounded in real-world use cases - not just adding bullet points 144 to your resumé. Over time, you'll gain understanding around what the "shell" is 145 and how it can be used to program computers to do all sorts of cool stuff. 146 </p> 147 148 <p> 149 We use a variety of programming languages in our toolbelt. The core of our <a href="https://credenso.cafe/info/">S☉LAR</a> toolkit 150 is written with HTML, CSS, Javascript, Python, and BASH. We also integrate a number 151 of different libraries written in C, C++, Rust, and Haskell. While most of our tooling relies on vanilla JS, we also have experience using frameworks such as VueJS, ReactJS, Svelte, and more. No matter what you want to build, we have the wisdom to back you up. 152 </p> 153 154 <div id="mentorship" style="transform: translateY(-5em);"></div> 155 <h3>Mentorship</h3> 156 <p> 157 A step beyond tutoring, our mentorship program is available for anyone who wants to 158 gain real-world experience in their field of choice. We offer members the opportunity 159 to step into a leadership role within our space and kickstart their career with 160 hands-on application of the skills they've developed. See <a href="mentorship/">mentorship</a> for more details. 161 </p> 162 163 164 <div class="table-wrapper box"> 165 <h3>Pricing Summary</h3> 166 <table> 167 <thead> 168 <tr> 169 <th>Service</th> 170 <th>Description</th> 171 <th>Est. Price (CAD)</th> 172 </tr> 173 </thead> 174 <tbody> 175 <tr> 176 <td><b>Design and Development</b></td> 177 <td>Static Landing Page and Site Theming</td> 178 <td>300.00</td> 179 </tr> 180 <tr> 181 <td></td> 182 <td>Additional Page</td> 183 <td>100.00</td> 184 </tr> 185 <tr> 186 <td></td> 187 <td>Customized UI/UX</td> 188 <td>80.00 / hr</td> 189 </tr> 190 <tr> 191 <td><b>Web Hosting</b></td> 192 <td>Server Fees and Domain Name Registration - Billed Monthly</td> 193 <td>20.00 / month</td> 194 </tr> 195 <tr> 196 <td></td> 197 <td>Business Email Hosting</td> 198 <td>10.00 / month</td> 199 </tr> 200 <tr> 201 <td><b>Upkeep and Maintenance</b></td> 202 <td>Full website upkeep - Billed Monthly</td> 203 <td>300.00 / month</td> 204 </tr> 205 <tr> 206 <td><b>1:1 Tutoring</b></td> 207 <td>Specialized lessons to upgrade your skills.</td> 208 <td>80.00 / hour</td> 209 </tr> 210 <tr> 211 <td></td> 212 <td>Mentorship Program</td> 213 <td><i>TBD</i></td> 214 </tr> 215 </tbody> 216 <tfoot> 217 <tr> 218 <td colspan="3">**<i>Fees are approximate and should be used for estimation purposes only.</i></td> 219 </tr> 220 </tfoot> 221 </table> 222 </div> 223 </div> 224 </section> 225 </div> 226 {{>end}}