use-bitcoin.html

---
layout: landingPage
title: Learn to Use Bitcoin (it's easy!)
stylesheet: use-bitcoin.css
permalink: /use-bitcoin/
ogTitle: Use Bitcoin
ogDesc: You’ve heard about bitcoin, but what is it really? We've got the answers you need.
ogImage: https://weteachblockchain.org/assets/img/headerBackgroundTile.jpg
ogUrl: https://weteachblockchain.org/use-bitcoin/
---
{% include pageHeader.html
    img="CTAadmainheader.jpg" 
    imgSm="CTAadmainheader-sm.jpg" 
    header="Welcome to WeTeachBlockchain.org" 
    text="Blockchain Institute is a Chicago-based 501(c)(3) providing FREE education for blockchain beginners & beyond!"
    ctaText="Learn More" 
    ctaLink="weteachblockchain.org" 
%}

<section class="ourMission">
  <div class="row">
    <div>
      <span class="missionTeal">
        Bitcoin addresses are just long strings of numbers and letters.</span><span class="missionBlack"> These addresses can be turned into <a href="/faq/what-are-qr-codes/">QR
          codes</a> to make the withdrawal and sending of funds easy. Instead of typing out the full address, you only need
          to scan the QR code!
      </span>
    </div>
  </div>
</section>

<section class="mobileInfo">
  <div class="row leftAlign">
    <div class="col-sm-3">
      <img src="/assets/img/QRBC_landingpage-01.png">
    </div>
    <div class="col-sm-6">
      <h2>Open Wallet</h2>
      <p>Open your crypto wallet. Select bitcoin and hit the send button.</p>
    </div>
  </div>
  <div class="row rightAlign">
    <div class="col-sm-3">
    </div>
    <div class="col-sm-6">
      <h2>Find Address</h2>
      <p>Have the person you want to receive bitcoin open their wallet and select receive. This displays their address as a QR code.</p>
    </div>
    <div class="col-sm-3">
      <img src="/assets/img/QRBC_landingpage-03.png">
    </div>
  </div>
  <div class="row leftAlign">
    <div class="col-sm-3">
      <img src="/assets/img/QRBC_landingpage-04.png">
    </div>
    <div class="col-sm-6">
      <h2>Scan Code</h2>
      <p>Choose the scan option after you hit send and scan the receiver's QR code.</p>
    </div>
  </div>
  <div class="row rightAlign">
    <div class="col-sm-3">
    </div>
    <div class="col-sm-6">
      <h2>Send Bitcoin</h2>
      <p>Enter the amount you want to transfer and hit send.</p>
    </div>
    <div class="col-sm-3">
      <img src="/assets/img/QRBC_landingpage-05.png">
    </div>
  </div>
  <div class="row qrCTA">
    <a href="/faq/what-are-qr-codes/" class="callToActionButton">Learn more about QR codes</a>
  </div>
</section>


<section class="videoAndFAQs">
  <div class="row cccVideoPlaylist">
    <h1>Using Bitcoin is simple. We can teach you.</h1>
    <div class="col-sm-6 videoPlayer">
      <iframe src="https://www.youtube.com/embed/oP3bKCa8Rq4?list=PLVmd1I9lPns-xZJ_jBotqiQdfAxGD8_lz&start=80"
      frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
      allowfullscreen></iframe>
    </div>
    <div class="col-sm-6 videoDescription">
      <h2>Learn what happens behind the scenes of a bitcoin transaction step-by-step.</h2>
      <span class="youtubePlaylistLink"> <a href="https://www.youtube.com/playlist?list=PLVmd1I9lPns-xZJ_jBotqiQdfAxGD8_lz">We also have dozens of individual lessons just like this one. Click here to check them out!</a></span>
    </div>
  </div>
  <div class="row">
    <h1 class="faqSubHead">Learn more with our FAQs</h1>
    <div class="faqThumbnailContainer">
      {% assign faqSample = site.faq | where: "sticky", "true" | sample: 4 %}
      {% for item in faqSample limit:4 %}
      {% include faqTile.html 
          image=item.image
          imageSm=item.imageSm
          imageMd=item.imageMd
          keywords=item.focusKeyword
          link=item.permalink
          title=item.title
          readtime=item.readtime
				  author=item.tag
        %}
      {% endfor %}
    </div>
  </div>

</section>


<section class="header">
	<div class="row">
		<div class="col-sm-6">
			<a href="https://goo.gl/maps/4Xcw3FwdbbTFXNzx6" target="_blank">
				<img src="/assets/img/map.jpg" alt="Map of location" title="Where to find the Institute">
			</a>
			<div class="locationDetails">
				<span>
					<strong>Address:</strong>
					<a href="https://goo.gl/maps/4Xcw3FwdbbTFXNzx6" target="_blank">
						4649 North Broadway Ave. Chicago, IL 60640
					</a>
				</span>
				<span>
					<strong>Email:</strong>
					<a href="mailto:info@weteachblockchain.org" target="_blank">
						info@weteachblockchain.org
					</a>
				</span>
			</div>


		</div>
		<div class="col-sm-6 contactUsForm">
			<h1>Leave a Message</h1>
			<span class="errorField"></span>
			<input type="text" placeholder="Name" id="contactUsName">
			<input type="text" placeholder="Email" id="contactUsEmail">
			<input type="text" placeholder="Subject" id="contactUsSubject">
			<textarea placeholder="Your message here" id="contactUsMessageBody"></textarea>
			<!-- <div class="g-recaptcha" data-callback="recaptchaVerify" data-sitekey="6LdlEHkUAAAAAHpHvXxmG1mbtKGq1Pz3T0CbuP2N"></div> -->
			<div class="h-captcha" data-sitekey="3fe93b4a-9521-4c22-a75e-7a573781f75f"></div>
			<button onclick="submitContactUsForm()">Submit</button>
		</div>
	</div>
</section>

<script src="https://hcaptcha.com/1/api.js" async defer></script>

<script>
	function submitContactUsForm() {
		var formDetails = {
			name: document.getElementById('contactUsName').value,
			email: document.getElementById('contactUsEmail').value,
			subject: document.getElementById('contactUsSubject').value,
			message: document.getElementById('contactUsMessageBody').value,
			token: hcaptcha.getResponse(),
			ambassador: false
		}

		// console.log('formDetails', formDetails)
		if ((formDetails.name == "") || (formDetails.email == "") || (formDetails.subject == "") || (formDetails.message == "")) return handleError('You must fill all fields to submit the form.')
		if (!validateEmail(formDetails.email)) return handleError('You must submit a valid email.')
		if ((!formDetails.token) || ("" == formDetails.token)) return handleError('You must verify you are not a robot by clicking the reCaptcha.')

		var xhr = new XMLHttpRequest();
		xhr.open("POST", 'https://app.weteachblockchain.org/contact/', true);
		// xhr.open("POST", "http://localhost:8888/contact/", true);
		xhr.onreadystatechange = function () {
			if (xhr.readyState == 4 && xhr.status == 200)
				// console.log('xhr response:', xhr.responseText)
				var response = JSON.parse(xhr.responseText)
			if (response.success) {
				handleSuccess("Your Message has been submitted!");
				setTimeout(function () {
					window.location = "/"
				}, 3000)
			} else {
				handleError("Error: " + JSON.stringify(response));
			}
		}
		xhr.setRequestHeader('Content-Type', 'application/json');
		xhr.setRequestHeader('access-control-allow-origin', '*');
		xhr.send(JSON.stringify(formDetails));

	}
	function validateEmail(email) {
		var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
		return re.test(String(email).toLowerCase());
	}
	function handleError(error) {
		var errorContainer = document.getElementsByClassName('errorField')[0];
		errorContainer.textContent = error;
	}
	function handleSuccess(successMessage) {
		var fieldContainer = document.getElementsByClassName('contactUsForm')[0]

		var container = document.createElement('div')
		container.className = 'successMessage'

		var span = document.createElement('span')
		span.textContent = successMessage

		var icon = document.createElement('i')
		icon.className = "fas fa-check-circle"

		container.appendChild(icon)
		container.appendChild(span)

		do {
			fieldContainer.children[0].remove()
		} while (fieldContainer.children.length > 0)

		fieldContainer.appendChild(container)

	}

</script>


<section class="coinflip">
  <a href="https://coinflip.tech">
    <h1>Sponsored By</h1>
    <div class="row container">
      <div class="col-md-6">
        <img class="imgInDiv" src="/assets/img/coinflip_dot_tech.png">
        <span>Their network of over 500 Bitcoin ATMs offers 10% off to Blockchain Institute students when you
          enter
          the
          code WETEACH. Visit <strong>Coinflip</strong> for help buying your first Bitcoin!</span>
        <span class="cta_button">Buy Bitcoin Now</span>
      </div>
    </div>
  </a>
</section>

{% include getInvolved.html %}