eaglelandsonce/TensorFlowJSClass
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>TransformersJS Page</title>7 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">8 <style>9 body {10 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;11 background-color: #f0f2f5;12 }13 .container {14 margin-top: 50px;15 padding: 20px;16 background-color: #ffffff;17 border-radius: 8px;18 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);19 }20 h1 {21 font-size: 2.5em;22 margin-bottom: 20px;23 color: #333;24 }25 .nav-link {26 text-decoration: none;27 color: #007BFF;28 font-size: 1.2em;29 padding: 10px 20px;30 border: 2px solid #007BFF;31 border-radius: 4px;32 transition: background-color 0.3s, color 0.3s;33 }34 .nav-link:hover {35 background-color: #007BFF;36 color: #fff;37 }38 </style>39</head>40<body>41 <div class="container text-center">42 <h1>Welcome to the TransformersJS Page</h1>43 <nav class="nav justify-content-center">44 <a class="nav-link" href="page1.html">Object Detection</a>45 <a class="nav-link" href="page2.html">Pose Detection</a>46 </nav>47 </div>48 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>49 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>50 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>51</body>52</html>53