AI Website 3

<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="..\img\dogbot.jpg">
<link rel="stylesheet" type="text/css" href="..\style.css">
<title>Military Robots Project</title>
</head>

<body>

<header>
<h1>Jacob Howard and Dallas Leffew Military Robots Project</h1>
</header>
<nav>
<center>
<button onclick="getElementById('date').innerHTML=Date()">Time and Date</button>
<p id="date"></p>
<a href="..\index.html"><button>Home</button></a>
<a class="current" href="uavs.html"><button>UAVs</button></a>
<a href="doggos.html"><button>Alpha Dogs</button></a>
<a href="seekers.html"><button>Mine-seekers</button></a>
<a href="warfarebots.html"><button>Warfare Robots</button></a>
</center>
</nav>
<article>
<p style="font-size:26px;">
UAVs are probably one of the most common use of robots in the Military. UAVs have the ability to track the enemy,
with extremely powerful cameras all over its chassis that can detect movement, and how well they detect movement
can vary extremely, as this is based on how high the aircraft is at the time. UAV stands for Unmanned Aerial Viechle.
UAVs often use motion or heat sensors to find their enemy for the team. The method of power is usually battery,
however, fuel is used to actually move the viechle through the sky.
</p>
</article>
<aside>
<center>
<p style="font-size: 18px;">Click the images to enlarge them.</p>
<a target=blank; href="..\img\a1.jpg">
<img style="
    width:150px;
    height:130px;
    border:2px solid red;"
    src="..\img\a1.jpg"
    alt="UAV"></a><br />
<p style="font-size: 12px;">A UAV (Unmanned aerial viechle) used to detect the enemy.</p>
<a target=blank; href="..\img\a2.jpg">
<img style="
    width:150px;
    height:130px;"
    src="..\img\a2.jpg"
    alt="Alpha Dog"></a><br />
<p style="font-size: 12px;">"Alpha dog" used to carry weight.</p>
<a target=blank; href="..\img\a3.jpg">
<img style="
    width:150px;
    height:130px;"
    src="..\img\a3.jpg"
    alt="Mine Seeker"></a><br />
<p style="font-size: 12px;">A robot scouting ahead for landmines.</p>
<a target=blank; href="..\img\a4.jpg">
<img style="
    width:150px;
    height:120px;"
    src="..\img\a4.jpg"
    alt="Warfare Robot"></a><br />
<p style="font-size: 12px;">Some basic warfare robots.</p>
</center>
</aside>
<footer>
<center>
<a target=blank; href="https://en.wikipedia.org/wiki/Military_robot"><button>Main<br>(Source)</button></a>
<a target=blank; href="http://www.theuav.com/"><button style="border:2px solid red;">UAVs<br>(Source)</button></a>
<a target=blank; href="http://www.army-technology.com/features/featurecould-bigdog-be-a-soldiers-best-robotic-friend/"><button>Alpha Dogs<br>(Source)</button></a>
<a target=blank; href="https://www.ri.cmu.edu/research_project_detail.html?project_id=220&menu_id=261"><button>Mine Seekers<br>(Source)</button></a>
<a target=blank; href="http://thediplomat.com/2015/07/super-humans-and-killer-robots-how-the-us-army-envisions-warfare-in-2050/"><button>Warfare Robots<br>(Source)</button></a>
<center>
</footer>
</body>

</html>