👋 Tello Introduction
<style type="text/css">img {border-radius: 4px;}
.divblue {
/ rounded blue backer /
border-style: solid;
border-width: 10px;
border-color: #E8F6FE;
border-radius: 8px;
padding: 10px;
background-color: #E8F6FE;
text-align: left;
}
.divyellow {
/ rounded yellow backer /
border-style: solid;
border-width: 10px;
border-color: #fcf3b7;
border-radius: 8px;
padding: 10px;
background-color: #fcf3b7;
text-align: left;
}
.divyellowdark {
/ rounded yellow backer /
border-style: solid;
border-width: 10px;
border-color: #FFE599;
border-radius: 8px;
padding: 10px;
background-color: #FFE599;
text-align: left;
}
.divyellowdarktop {
/ dark yellow backer square bottom /
margin:0;
border-style: solid;
border-width: 10px;
border-color: #FFE599;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 10px;
background-color: #FFE599;
text-align: left;
}
.divyellowdarkbottom {
/ dark yellow backer square top/
margin:0;
border-style: solid;
border-width: 10px;
border-color: #FFE599;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 10px;
background-color: #FFE599;
text-align: left;
}
.divpurple {
/ rounded purple backer /
border-style: solid;
border-width: 10px;
border-color: #9FABFB;
border-radius: 8px;
padding: 10px;
background-color: #9FABFB;
text-align: left;
}
.divpurpletop {
/purple backer square bottom /
margin:0;
border-style: solid;
border-width: 10px;
border-color: #9FABFB;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 10px;
background-color: #9FABFB;
text-align: left;
}
.divpurplebottom {
/purple backer square top/
margin:0;
border-style: solid;
border-width: 10px;
border-color: #9FABFB;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 10px;
background-color: #9FABFB;
text-align: left;
}
.divteal {
/ rounded teal backer /
border-style: solid;
border-width: 10px;
border-color: #9FFBEF;
border-radius: 8px;
padding: 10px;
background-color: #9FFBEF;
text-align: left;
}
.divtealtop {
/ teal backer square bottom /
margin:0;
border-style: solid;
border-width: 10px;
border-color: #9FFBEF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 10px;
background-color: #9FFBEF;
text-align: left;
}
.divtealbottom {
/ teal backer square top/
margin:0;
border-style: solid;
border-width: 10px;
border-color: #9FFBEF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 10px;
background-color: #9FFBEF;
text-align: left;
}
.divbluedark {
/ darker blue backer /
border-style: solid;
border-width: 10px;
border-color: #9FD9FB;
border-radius: 8px;
padding: 10px;
background-color: #9FD9FB;
text-align: left;
}
.divbluedarktop {
/ darker blue backer square bottom /
margin:0;
border-style: solid;
border-width: 10px;
border-color: #9FD9FB;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 10px;
background-color: #9FD9FB;
text-align: left;
}
.divbluedarkbottom {
/ darker blue backer square top/
margin:0;
border-style: solid;
border-width: 10px;
border-color: #9FD9FB;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 10px;
background-color: #9FD9FB;
text-align: left;
}
.divgrey {
/ grey backer /
border-style: solid;
border-width: 10px;
border-color: #EAECF0;
border-radius: 8px;
padding: 10px;
background-color: #EAECF0;
text-align: left;
}
.divorange {
/ orange backer /
border-style: solid;
border-width: 10px;
border-color: #FBC19F;
border-radius: 8px;
padding: 10px;
background-color: #FBC19F;
text-align: left;
}
.divorangetop {
/purple backer square bottom /
margin:0;
border-style: solid;
border-width: 10px;
border-color: #FBC19F;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 10px;
background-color: #FBC19F;
text-align: left;
}
.divorangebottom {
/purple backer square top/
margin:0;
border-style: solid;
border-width: 10px;
border-color: #FBC19F;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 10px;
background-color: #FBC19F;
text-align: left;
}
.divblue75 {
border-style: solid;
width: 75%;
border-width: 10px;
border-color: #E8F6FE;
border-radius: 8px;
padding: 10px;
background-color: #E8F6FE;
text-align: left;
}
.divblue50 {
border-style: solid;
width: 50%;
border-width: 10px;
border-color: #E8F6FE;
border-radius: 8px;
padding: 10px;
background-color: #E8F6FE;
text-align: left;
}
* {
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
section1 {
display: flex;
}
section2 {
display: flex;
}
section3 {
display: flex;
}
/ Style the navigation menu /
nav {
border-top-left-radius: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #E8F6FE;
padding: 20px;
}
/ Style the content /
article {
border-top-right-radius: 10px;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
background-color: #E8F6FE;
padding: 20px;
}
/ Style the footer /
footer {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
text-align: left;
}
/ Style the left /
left1 {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background: #E8F6FE;
padding: 20px;
}
/ Style the right /
right1 {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #E8F6FE;
padding: 20px;
}
left2 {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-flex: ;
-ms-flex: 1;
flex: 1;
background: #E8F6FE;
padding: 20px;
}
/ Style the right /
right2 {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 2;
background-color: #E8F6FE;
padding: 20px;
}
/ Style the left /
left3 {
border-top-left-radius: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 2;
background: #E8F6FE;
padding: 20px;
}
/ Style the right /
right3 {
border-top-right-radius: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 3;
background-color: #E8F6FE;
padding: 20px;
}
left4 {
border-top-left-radius: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background: #E8F6FE;
padding: 20px;
}
/ Style the right /
right4 {
border-top-right-radius: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #E8F6FE;
padding: 20px;
}
/ Style the navigation menu /
header {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 1;
}
headerleft {
border-top-left-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 1;
}
headerright {
border-top-right-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 1;
}
headerleft1 {
border-top-left-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 2;
}
headerright1 {
border-top-right-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 3;
}
mid {
background-color: #E8F6FE;
padding: 20px;
flex: 1;
}
/ Style the footer /
footer {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 1;
text-align: left;
}
/ Style the navigation menu /
left5 {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 2;
}
/ Style the footer /
right5 {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 1;
}
/ Style the footer /
footerleft {
border-bottom-left-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 1;
text-align: left;
}
footerright {
border-bottom-right-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 1;
text-align: left;
}
footerleft1 {
border-bottom-left-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 2;
text-align: left;
}
footerright1 {
border-bottom-right-radius: 10px;
background-color: #E8F6FE;
padding: 20px;
flex: 3;
text-align: left;
}
iframe {
width: 100%;
border-radius: 4px;
aspect-ratio: 16 / 9;
}
* {
/ container /
.padded-boxes2 {
display:flex;
flex-wrap:wrap;
gap: 1rem;
}
/ boxes /
.padded-boxes2 > * {
width:100%;
border-radius:.4rem;
}
/ headings /
.padded-boxes2 .heading {
background:#E8F6FE;
margin:0;
padding:1rem;
border-top-left-radius:.4rem;
border-top-right-radius:.4rem;
text-align: center;
}
.padded-boxes2 .headingleft {
background:#E8F6FE;
margin:0;
padding:1rem;
border-top-left-radius:.4rem;
border-top-right-radius:.4rem;
text-align: left;
}
/ padded content centered /
.padded-boxes2 .padded {
padding:.1rem 1rem;
background:#E8F6FE;
border-bottom-left-radius:.4rem;
border-bottom-right-radius:.4rem;
text-align: center;
}
/ padded content/
.padded-boxes2 .paddedleft {
padding:.1rem 1rem;
background:#E8F6FE;
border-bottom-left-radius:.4rem;
border-bottom-right-radius:.4rem;
text-align: left;
}
/ tablet breakpoint /
@media (min-width:600px) {
.padded-boxes2 > * {
width:calc((100% - 4rem) / 2);
}
}
* {
/ container /
.padded-boxes3 {
display:flex;
flex-wrap:wrap;
gap:1rem;
}
/ boxes /
.padded-boxes3 > * {
width:100%;
border-radius:.4rem;
}
/ headings /
.padded-boxes3 .heading3 {
margin:0;
background:#E8F6FE;
padding:1rem;
border-top-left-radius:.4rem;
border-top-right-radius:.4rem;
text-align: center;
}
/ padded content /
.padded-boxes3 .padded3 {
background:#E8F6FE;
border-bottom-left-radius:.4rem;
border-bottom-right-radius:.4rem;
padding:.1rem 1rem;
}
.padded-boxes3 .padded2 {
padding:.1rem 1rem;
text-align: left;
}
/ tablet breakpoint /
@media (min-width:768px) {
.padded-boxes3 > * {
width:calc((100% - 4rem) / 3);
}
}
.button {
display: inline-block;
padding: 10px 20px;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #42A5F5;
border-radius: 6px;
outline: none;
transition: 0.3s;
border: 2px solid transparent;
}
.button:hover,
.button:focus {
background-color: #90CAF9;
border-color: #7aa8b7;
}
</style>
<h3><strong>What is a Drone?</strong></h3>
<p> </p>
<p>When most people hear the phrase "<b>drone,</b>" they undoubtedly immediately picture something, but what is it exactly?</p>
<p> </p>
<header>
<p><img alt="" src="/api/storage/uploads/legacy-images/bazbi0m8vuxe2e004jqsw2lkdl2f/what+is+a+drone.jpg" style="width: 800px; height: 600px;" /></p>
</header>
<footer>
<p><strong>Unmanned aerial vehicles</strong>, or <strong>UAVs</strong>, are more commonly referred to as drones. This indicates that the thing in question is a flying machine that is not being driven by someone within the machine. The size and design of these vehicles can vary. Some of them might resemble an airplane, while others might resemble a helicopter or even multi-copters! Then, either a person on the ground or a computer that has been designed to navigate on its own, controls these vehicles remotely!</p>
</footer>
<p> </p>
<p>Now that we have a grasp on what a drone is we can begin learning more about how they work!</p>
