goshare/article-01.php at master · IndigitousPH/goshare · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!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">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>GoShare</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Plugin CSS -->
    <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="css/creative.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top">

    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="index.php#page-top">GoShare</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="fun.php">Fun</a>
                    </li>
                    <li>
                        <a href="chat.php">Chat</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">About</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">Services</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Gallery</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>


    <section class="bg-primary" id="about">
        <div class="container">
            <div class="row">
                <div class="fun-nav">
                    <a href="fun.php" class="active">Hot</a>
                    <a href="fun.php">Trending</a>
                    <a href="fun.php">Fresh</a>
                </div>
                <div class="fun-img">
                    <center><img src="img/portfolio/thumbnails/1.jpg" class="img-responsive" alt=""></center>
                    <br>
                    <a href="#" class="btn btn-primary">Upvote</a>
                    <a href="#" class="btn btn-primary">DownVote</a>
                    <a href="#" class="btn btn-primary">Comment</a>
                    <a href="fun.php" class="btn btn-primary pull-right">Back</a>
                </div>
            </div>

            <h1>Depression</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent condimentum volutpat ante. Suspendisse ac ipsum ornare, sollicitudin lorem sit amet, ullamcorper lorem. Morbi id magna odio. Ut suscipit tortor nibh, id tincidunt ante gravida vel. Nulla placerat non diam non tincidunt. Integer facilisis imperdiet est. Aenean id sollicitudin mauris, eget tincidunt nunc. Etiam cursus pretium purus. Aliquam et augue posuere, tincidunt nulla eget, feugiat lectus. Suspendisse sit amet risus sagittis, rhoncus est vestibulum, porta eros. Maecenas malesuada, ante ut vulputate aliquam, metus dui pharetra erat, eget lobortis nunc massa quis magna. Quisque elementum magna et interdum aliquet. Morbi vel diam eu velit convallis egestas et sit amet odio. Morbi nec dui et purus porta rutrum. Ut varius volutpat aliquet. <br><br>

Phasellus nec imperdiet arcu. Integer elementum finibus accumsan. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed bibendum aliquam orci sit amet maximus. Sed tristique eros in dui tincidunt pulvinar. Vivamus risus ex, commodo at orci non, venenatis facilisis eros. Ut rhoncus placerat metus eget vehicula. Mauris eleifend euismod lacus nec finibus. Donec suscipit, erat ac rhoncus hendrerit, nulla lorem aliquam metus, eget ultrices velit sem eu augue. Praesent vitae felis venenatis, placerat tellus vel, molestie augue. Etiam consectetur, justo a pharetra varius, lacus magna lobortis urna, nec consectetur dolor neque eget tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Fusce sit amet nunc sed erat tincidunt consequat. In placerat ligula quis dictum ultrices. Mauris et imperdiet urna.<br><br>

Cras efficitur libero urna, non pellentesque metus consectetur sit amet. Maecenas lorem orci, vestibulum quis viverra at, rutrum eget tellus. Integer vel iaculis nisi. Donec imperdiet enim eros, ut accumsan tellus suscipit eget. Morbi feugiat erat id commodo sollicitudin. Nunc congue mauris non risus tincidunt, id iaculis justo faucibus. Nulla pellentesque sed elit eget interdum. Curabitur mattis malesuada dui, nec elementum massa hendrerit vel. Vivamus ut ullamcorper orci, porta dapibus augue. Curabitur feugiat ex lorem. Fusce convallis dui eu arcu hendrerit, eget gravida dolor tincidunt.</p>

<center><a href="https://drive.google.com/file/d/0B9yH1f5Jl2yPOGdWSGNsalpicUU/view?usp=sharing" target="_blank" class="btn btn-primary btn-border">Download our anti-depression kit</a></center>

        </div>
    </section>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
    <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

    <!-- Theme JavaScript -->
    <script src="js/creative.min.js"></script>

</body>

</html>