finstagram/app/views/index.html at abe8e2df52412bfb71e8f7a497ce4570140afd8d · lighthouse-labs/finstagram · 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
<!doctype html>

<html>
    <head>
        <title>Finstagram</title>

            <link rel="stylesheet" href="../../../stylesheets/normalize.css">
            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,700italic,700,300">
            <link href="https://fonts.googleapis.com/css?family=Calistoga&display=swap" rel="stylesheet">

            <link rel="stylesheet" href="../../../stylesheets/lib.css">
            <link rel="stylesheet" href="../../../stylesheets/app.css">


  <title>Finstagram</title>
    </head>
    <body>
        <header>
        <h1>Finstagram</h1>
        </header>
<main role="main">
    <article class="finstagram-post">
    <div class="user-info">
        <img src="http://naserca.com/images/sharky_j.jpg" alt="sharky_j">
        <h2>sharky_j</h2>
        <h3>15 minutes ago</h3>
    </div>
    <a class="photo" href="#">
        <img src="http://naserca.com/images/shark.png" alt="post from sharky_j">
    </a>
    <div class="actions">
        0 likes
        <span class="comment-count">0 comments</span>
    </div>
    <ul class="comments">
    <li>
      <p>
        sharky_j: Out for the long weekend... too embarrassed to show y'all the beach bod!
      </p>
    </li>
  </ul>
</article>

<article class = "finstagram-post">
    <div class = "user-info">
        <img src="http://naserca.com/images/kirk_whalum.jpg" alt="kirk_whalum">
        <h2>kirk_whalum</h2>
        <h3>1 hour ago </h3>
    </div>
<a class = "photo" href="#">
      <img src="http://naserca.com/images/whale.jpg" alt="finstagram post from kirk_whalum">
</a>
<div class="actions">
0 likes
<span class="comment-count">0 comments</span>
</div>
<ul class = "comments">
    <li>
        <p>
        kirk_whalum: #weekendvibes
        </p>
    </li>
</ul>
</article>

<article class="finstagram-post">
    <div class="user-info">
      <img src="http://naserca.com/images/marlin_peppa.jpg" alt="marlin_peppa">
      <h2>marlin_peppa</h2>
      <h3>3 hours ago</h3>
    </div>
    <a class="photo" href="#">
      <img src="http://naserca.com/images/marlin.jpg" alt="finstagram post from marlin_peppa">
    </a>
    <div class="actions">
      0 likes
      <span class="comment-count">0 comments</span>
    </div>
    <ul class="comments">
      <li>
        <p>
          marlin_peppa: lunchtime! ;)
        </p>
      </li>
    </ul>
  </article>


        </main>


    </body>


    </html>