Full_Stack_Project/post.html at main · jaswanth-2002/Full_Stack_Project · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Devspace</title>
    <!--Links for bootstrap-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

    <!-- Links for fontawsome and google font api -->

    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i" rel="stylesheet">
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <!-- header -->
    <header class="headerClass mb-3">
        <div class="container d-flex flex-coloumn flex-row text-align-center p-3">
            <h4 class="my-0 mr-md-auto font-weight-normal"><a href="/" class="text-white">DevSpace</a></h4>
            <div class="flex-row my-3 my-md-0">
                <a href="#" class="text-white mr-2 header-search-icon" title="Search" data-toggle="tooltip" data-placement="bottom"><i class="fas fa-search"></i></a>
                <span class="text-white mr-2 header-chat-icon" title="Chat" data-toggle="tooltip" data-placement="bottom"><i class="fas fa-comment"></i></span>
                <a href="#" class="mr-2"><img title="My Profile" data-toggle="tooltip" data-placement="bottom" style="width: 32px; height: 32px; border-radius: 16px;" src="https://gravatar.com/avatar/f64fc44c03a8a7eb1d52502950879659?s=128"></a>
                <a class="btn btn-sm btn-success mr-2" href="#">Create Post</a>
                <form action="#" method="POST" class="d-inline">
                    <button class="btn btn-sm btn-secondary">Sign Out</button>
                </form>
            </div>
        </div>
    </header>
    <!-- Main body -->
    <div class="container py-md-5 container--narrow">
        <div class="d-flex justify-content-between">
            <h2>Example post title here</h2>
            <span>
                <a href="#" class="text-primary mr-2" data-toggle="tooltip" placement="top" title="Edit" ><i class="fas fa-edit"></i></a>
                <form class="delete-post-form d-inline" action="#" method="post">
                    <button class="delete-post-button text-danger" data-toggle="tooltip" placement="top" title="Delete"><i class="fas fa-trash"></i></button>
                </form>
            </span>
        </div>
        <p class="text-muted small mb-4">
            <a href="#"><img class="avatar-tiny" src="https://gravatar.com/avatar/f64fc44c03a8a7eb1d52502950879659?s=128"></a>
            Posted by <a href="#">kittydoe</a> on 2/3/2021
        </p>
        <div class="body-content">
            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Saepe alias iure doloremque rem reprehenderit possimus, accusamus tenetur sit eius ratione?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut ipsa explicabo sint illo expedita dicta rerum esse ipsam deserunt architecto error maxime culpa ad corporis eos aperiam doloremque ex exercitationem numquam, repellendus iure debitis? Ipsam, eveniet veniam magni impedit reiciendis harum ducimus perferendis corporis molestiae eaque omnis qui neque, ipsa deserunt quod deleniti, ullam nesciunt. Repellat odio error quam veritatis animi numquam dolorum alias obcaecati molestias quasi neque sed corporis unde nesciunt fuga sequi, dignissimos dolorem labore praesentium. Aspernatur nisi suscipit dolorum? Nam qui, eaque necessitatibus, cumque sapiente explicabo asperiores sit iusto tenetur nemo iste, corporis deleniti officiis totam ea.</p>
        </div>
    </div>

    <!-- footer -->
    <footer class="border-top text-center small text-muted py-3 ">
        <p style="font-weight: bold;" class="m-0">Copyright &copy; 2022 <a href="/" class="text-muted">DevSpace</a>. All rights reserved.</p>

    </footer>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
    <script defer src="https://use.fontawesome.com/releases/v5.5.0/js/all.js" integrity="sha384-GqVMZRt5Gn7tB9D9q7ONtcp4gtHIUEW/yG7h98J7IpE3kpi+srfFyyB/04OV6pG0" crossorigin="anonymous"></script>
</body>
</html>