diff options
Diffstat (limited to 'showcase/tech/drone/index.html')
-rw-r--r-- | showcase/tech/drone/index.html | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/showcase/tech/drone/index.html b/showcase/tech/drone/index.html new file mode 100644 index 0000000..e1eaac2 --- /dev/null +++ b/showcase/tech/drone/index.html @@ -0,0 +1,81 @@ +<!doctype html> +<html lang="en"><head><meta charset="utf-8"> +<meta name="viewport" content="width=device-width,initial-scale=1"> +<link rel="stylesheet" href="../css/main.css"> +<link rel="shortcut icon" href="../i/favicon.ico"> +<title>Tech Showcase: Drones</title></head><body> + +<header> + <h1>Advanced Drones + <i>Technology Showcase</i></h1> +</header> + +<nav> + <a href=".." class="btn">Home</a> + <a href="../print" class="btn">3D Printers</a> + <a href="../ev" class="btn">EVs</a> + <a href="" class="btn">Drones</a> + <a href="../template" class="btn">Template</a> + <a href="http://github.com/4stc/tech_showcase" class="btn">Source</a> + <i>Technology / Drones</i> +</nav> + +<main> +<div class="col" id="left"> + <h2>Tons of Future Use Cases</h2> + <p>Drones are versatile enough that they will likely be used to perform + tons of specialized tasks in the future, even more than they already do + now. Drones have also been used in the military for a long time. Here's + a few drones in flight:</p> + <div class="grid"> + <aside> + <h3>Drones in Action</h3> + </aside> + <figure> + <img src="../i/drone_sky.png" alt="drone flying in the sky"> + </figure> + <figure> + <figcaption>Delivery Drone</figcaption> + <img src="../i/drone_deliver.png" alt="drone delivering a packages"> + </figure> + <figure> + <figcaption>Military Drone</figcaption> + <img src="../i/drone_military.png" alt="soldier flying a drone"> + </figure> + <figure> + <img src="../i/drone_field.png" alt="drone flying above a field "> + </figure> + </div> +</div> +<div class="col" id="right"> + <h2>Core Advancements</h2> + <ul> + <li><h3>Versatility</h3> + <p>Drones can be used for so many things, such as: delivery, + military operations, photography, mapping out unexplored areas, + farming, or just as a fun hobby. I've even heard of drones being + used to put out fires</p></li> + <li><h3>Speed</h3> + <p>Drones can easily cover long distances in a very short amount + of time</p></li> + </ul> + <h2>Challenges to Overcome</h2> + <ul> + <li><h3>Weather</h3> + <p>All-weather drones are difficult to build and often can't + withstand extreme weather conditions</p></li> + <li><h3>Maintenance</h3> + <p>Drones have many complex parts, these often need to be fixed + or replaced</p></li> + </ul> +</div> +</main> + +<footer> + <p>Made by Name Surname | + <a href="../i/wireframe_mobile.png" target="_blank">Mobile Wireframe</a> | + <a href="../i/wireframe_desktop.png" target="_blank">Desktop Wireframe</a> + </p> +</footer> + +</body></html> |