AngularProject/article.html at main · alansignetti/AngularProject · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!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>Angular Project</title>
    <!-- CSS only -->
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="assets/css/styles.css">

</head>
<body>
    <header id="header">
        <!-- BEGIN CENTER -->
        <div class="center">
            <!-- BEGIN LOGO -->
            <div id="logo">
                <img src="assets/images/Angular-logo.svg" class="app-logo" alt="Logo">
                <span id="brand"><strong>Angular</strong>&nbsp;Project</span>
            </div>
            <!-- END LOGO -->
            <!-- BEGIN MENU -->
            <nav id="menu">
                <ul>
                    <li>
                        <a href="index.html">Home</a>
                    </li>
                    <li>
                        <a href="blog.html">Blog</a>
                    </li>
                    <li>
                        <a href="formulario.html">Form</a>
                    </li>
                    <li>
                        <a href="#">Page 1</a>
                    </li>
                    <li>
                        <a href="#">Page 2</a>
                    </li>

                </ul>
            </nav>
            <!-- END MENU -->
            <!-- CLEAR FLOATS -->
            <div class="clearfix"></div>
        </div>
        <!-- END CENTER -->
    </header>
    <!-- END HEADER -->


    <!-- BEGIN CONTENT SECTION -->
    <div class="center">
        <section id="content">
                <article class="article-item article-detail">
                    <div class="img-wrap">
                        <img src="https://www.dzoom.org.es/wp-content/uploads/2017/07/seebensee-2384369-810x540.jpg" alt="Paisaje">
                    </div>
                    <h1 id="article-title">Test Article</h1>
                    <span class="date">5 min ago</span>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, neque! Adipisci fuga quod quam corrupti cupiditate aut excepturi voluptas et nobis, nemo dolorum repudiandae veniam corporis facere fugiat ipsam error minus! Perspiciatis labore iusto blanditiis quis? Optio, cum
                    </p>
                    <p>possimus, ex labore qui quam vero excepturi suscipit voluptates minus reiciendis ab cumque esse omnis. Expedita, qui. Illum perspiciatis incidunt earum harum odio qui fugiat eligendi ipsam culpa, vitae architecto alias obcaecati aliquam excepturi laboriosam repudiandae illo possimus. Est adipisci omnis autem, nulla ipsa odit veniam sit, aut nihil eveniet sapiente dolore aspernatur obcaecati nobis corporis, provident dolor aliquid. Labore, dolorem assumenda?

                    </p>
                    <div class="clearfix"></div>
                </article>

        </section>


        <aside id="sidebar">
            <div id="nav-blog" class="sidebar-item">
                <h3>Write an article</h3>
                <a href="#" class="btn btn-success">Create Article</a>
            </div>

            <div id="nav-search" class="sidebar-item">
                <h3>Search</h3>
                <p>Search the article</p>
                <form>
                    <input type="text" name="search">
                    <input type="submit" name="submit" value="search" class="btn">
                </form>
            </div>
        </aside>
         <!-- CLEAR FLOATS -->
         <div class="clearfix"></div>
    </div>

    <!-- END CONTENT SECTION -->


    <footer id="footer">
        <div class="center">
            <p>
                &copy; Angular Project by Alan Signetti
            </p>
        </div>
    </footer>
</body>
</html>