focusfix.github.io/PDFScannerDemo.html at main · junxiluovtou/focusfix.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<link rel="stylesheet" href="techgirls.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">

<style>
    @media only screen and (orientation:landscape){
        #contents { display:block; }
        #turn { display: none; }
    }
    @media only screen and (orientation:portrait){
        #contents {display:none;}
        #turn {display:block;}
    }

</style>

<body>
<div id = "turn">please rotate your mobile</div>
<div id = "contents">

    <nav>
        <h1><span class="fas fa-bars"></span>   Menu</h1>
        <a class="nav-link" href="step1.html"><span class="fas fa-home"></span> Home</a>
        <a class="nav-link" href="home.html"><span class="	fas fa-bookmark"></span> Landing Page </a>
        <a class="nav-link" href="settings.html"><span class="fa fa-cog fa-spin gear-1"></span> Settings</a>
        <a class="nav-link" href="music.html"><span class="fas fa-solid fa-volume-up"></span> Music</a>
        <a class="nav-link" href="timetable.html"><span class="	fas fa-calendar-alt"></span> Calendar</a>
        <a class="nav-link" href="PDF%20Scanner.html"><span class="	fas fa-file-upload"></span> PDF Scanner</a>
        <a class="nav-link" href="aboutus.html"><span class="fas fa-info-circle"></span> About Us</a>
        <a class="nav-link" href="premium.html"><span class="far fa-thumbs-up"></span> Premium Subscription</a>

    </nav>

    <h2> Scan documents </h2>
    <p> Unavaliable in Demo </p>
</div>