CoolFace
Apppublic

MonumentDetection/ContinualLearningFastAPI

sourceHugging Faceupdated 2y agoView on Hugging Face
0likes
welcome.html105 linesDownload Raw Back to templates
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>Welcome to Monuments Prediction</title>7    <!-- Bootstrap CSS -->8    <link rel="stylesheet" type="text/css" href="/static/assets/plugins/bootstrap/css/bootstrap.min.css">9    <link rel="stylesheet" type="text/css" href="/static/assets/font-awesome/css/font-awesome.min.css">10    <link rel="stylesheet" type="text/css" href="/static/assets/plugins/animatecss/css/animate.min.css">11    <link rel="stylesheet" type="text/css" href="/static/assets/css/styles.css">12</head>13<body>14    <nav class="navbar navbar-expand-md navbar-dark bg-dark navbar-style-6 font-title py-3" style="background-image: url('{{ url_for("static", path="assets/img/backgrounds/monuments2.jpg") }}');">15        <div class="container">16            <a class="navbar-brand" href="{{ url_for('monuments') }}"><b>Monument Detection</b></a>17            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent6" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">18                <span class="navbar-toggler-icon"></span>19            </button>20 21            <div class="collapse navbar-collapse" id="navbarSupportedContent6">22                <ul class="navbar-nav ml-auto">23                    <li class="nav-item active mx-2">24                        <a class="nav-link" href="{{ url_for('monuments') }}">Home <span class="sr-only">(current)</span></a>25                    </li>26                    <li class="nav-item mx-2">27                        <a class="nav-link" href="#">Contact</a>28                    </li>29                </ul>30            </div>31        </div>32    </nav>33    <br><br>34    <div class="container mt-5">35        <div class="jumbotron text-center">36            <h1>Welcome to Monuments Prediction</h1>37            <p class="lead">Explore and predict monuments with our advanced AI model.</p>38            <div class="row justify-content-center mt-4">39                <div class="col-md-6 text-center">40                    <a href="{{url_for('index')}}" class="btn btn-primary">Start</a>41                </div>42            </div>43        </div>44    </div>45    <br><br>46    <!-- Component Footer 10 start -->47    <footer class="footer-style-6 p-3 bg-hue-dark cwhite background-cover" style="background-image: url('{{ url_for("static", path="assets/img/backgrounds/monuments2.jpg") }}');">48        <div class="row">49            <div class="col-12 col-lg-3 my-1 text-center py-2">50                <span class="font-title h5"><b>Monument </b>Detection</span><br>51                <small class="lighter my-3 op-7 inline">Major Project</small>52                <ul class="py-2 px-0">53                    <li class="inline"><a href="#" class=" circle btn-outline-primary btn m-1 inline"><i class="fa fa-google"></i></a></li>54                    <li class="inline"><a href="#" class=" circle btn-outline-primary btn m-1 inline"><i class="fa fa-twitter"></i></a></li>55                    <li class="inline"><a href="#" class=" circle btn-outline-primary btn m-1 inline"><i class="fa fa-instagram"></i></a></li>56                </ul>57            </div>58            <div class="col-12 col-lg-6 my-1 text-left py-2 font-title">59                <div class="row">60                    <div class="col-4">61                        <h6 class="uppercase py-1">Categories</h6>62                        <ul class="py-1 px-0">63                            <li><a href="#">Stupas</a></li>64                            <li><a href="#">shikhar</a></li>65                            <li><a href="#">mosque</a></li>66                            <li><a href="#">Monastery</a></li>67                        </ul>68                    </div>69                    <div class="col-4">70                        <h6 class="uppercase py-1">Features</h6>71                        <ul class="py-1 px-0">72                            <li><a href="#">Monument Detection</a></li>73                            <li><a href="#">ML</a></li>74                        </ul>75                    </div>76                    <div class="col-4">77                        <h6 class="uppercase py-1">Technologies</h6>78                        <ul class="py-1 px-0">79                            <li><a href="#">Django</a></li>80                            <li><a href="#">pytorch</a></li>81                            <li><a href="#">Machine Learning</a></li>82                        </ul>83                    </div>84                </div>85            </div>86            <div class="col-12 col-lg-3 my-1 text-left py-2">87                <h6 class="uppercase py-1">About</h6>88                <small class="lighter my-3 op-7 inline font-body">This is a responsive website that detects monuments from the given image provided by the user.</small>89            </div>90            <div class="col-12 ">91                <div class="mline bg-light"></div>92            </div>93            <div class="col-6 py-2">94                <small class="lighter op-7"></small>95            </div>96        </div>97    </footer>98 99    <!-- Bootstrap JS and Popper.js -->100    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>101    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>102    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>103</body>104</html>105