webLab/home.html at master · Secpar/webLab · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Traverous</title>
    <!-- StyleSheets -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" crossorigin="anonymous">
    <link rel="stylesheet" href="myStyle.css">
    <!-- Favicons -->
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon_16x16.png">
</head>

<body>
    <!--Navbar-->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: white;">
        <div class="container">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class=" navbar-brand" href="# ">
                        <img src="images/favicon.png " width="30 " height="30 "> Traverous
                    </a>
                </li>
            </ul>

            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link">Your Name</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="index.html">Logout</a>
                </li>
            </ul>
        </div>
    </nav>
    <!--Your Blog Starts here-->
    <div class="h100"></div>
    <div class="thesection timeline_margin">
        <div class="blogpost">
            <form action="home.html" method="POST">
                <div class="form-group">
                    <textarea class="form-control " rows="5 " placeholder="Anything exciting? "></textarea>
                </div>
                <div class="form-group">
                    <input type="file" name="pic" accept="image/*">
                    <button type="submit" class="btn btn-outline-dark" style="float:right;" name="signUp">Submit</button>
                </div>
            </form>
        </div>
    </div>
    <section class="thesection timeline_margin">
        <!--Loop for posts-->
        <div class="h100"></div>
        <div class="profile_timeline">
            <div class="blogpost ">
                <h2>Apology</h2>
                <p>TLDR: Foremostly, I would like to apologize to each near and dear one for my post about overspeeding and especially my careless behaviour. I just want to mention that it is not my habit nor my passion, my only thoughts were only to check
                    once in my life whether this old car of ours has power to please me. Unfortunately my family and children were sitting with me as well. Which is not only dangerous but also something really bad to do infront of children. In essence,
                    thank you all for your concern, dear all and especially those who may look towards me as aspirations, i am really sorry for letting you down and making such a bad act in first place and more sorry for posting it. Keep yourself safe
                    and in service of all humans, plants and animals alike. Be careful and take care of others around you.</p>
                <img class="timeline_img" src="images/asda.JPG" alt="">
            </div>
        </div>
    </section>

</body>

</html>