Teleport_clone_UI/index.html at main · Aashir-Shaikh/Teleport_clone_UI · 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
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Teleport</title>
    <link rel="icon" type="image/x-icon" href="./Images/teleport-icon.png">
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css">
</head>
<body>
    <header>
        <nav>
            <div id="div_1"><img src="./Images/teleport-logo-dark-text.png.svg"></div>
            <div id="div_2">
                <ul class="navigation">
                    <li>Product <span><i class="fa-solid fa-sort-down"></i></span></li>
                    <li>Service <i class="fa-solid fa-sort-down"></i></li>
                    <li>Resource <i class="fa-solid fa-sort-down"></i></li>
                    <li>White Lable Editor</li>
                    <li>Pricing</li>
                </ul>
            </div>
            <div id="div_3">
                <button class="nav_btn">Login</button>
                <button class="nav_btn">Start For Free</button>
            </div>
        </nav>
    </header>
    <main>
        <section class="hero_container">
            <div class="parent">
                <div id="hero_1">
                    <h1>Free static websites <br> templates</h1>
                    <p>Build responsive static websites within minutes with basic knowledge of HTML and CSS. Our static website templates are free, fast and responsive. Click on any design template and start editing without signing up.</p>
                    <button id="hr_1_btn">Explore the templates</button>
                </div>
                <div id="hero_2"><img src="./Images/hero visual-1200w.png" id="hero_img"></div>
            </div>
        </section>
    </main>
</body>
</html>