Web170Protosite/index.html at master · alyciac/Web170Protosite · 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
<!DOCTYPE html>

<html>
<head>
    <title>About Blue Gate Photography</title>
    <link rel="stylesheet" type="text/css" href="style.css" style=>


</head>

<body>

    <div id="header">

        <div id="socialmedia">
            <a href="https://www.facebook.com/Bluegatephoto">
                <img src="facebook.png" alt="facebook logo" style="width: 25px; height: 25px;"/>
            </a>
            <a href="https://twitter.com/BlueGatePhoto">
                <img src="twitter.png" alt="twitter logo" style="width:25px; height: 25px;"/>
            </a>
        </div>

        <a href="home.html">
         <img id="largelogo" src="logo.jpg" alt="Blue Gate Photo Logo" style="width: 199px; height: 136px;"/>
        </a>

        <hr></hr>

        <div class="nav">
            <ul>
                <li><a href=#gallery>Gallery</a></li>
                <li><a href=#investment>Investment</a></li>
                <li><a href="main.html">About</a></li>
                <li><a href=#contact>Contact</a></li>
                <li><a href=#blog>Blog</a></li>
            </ul>
        </div>
        <br>


    </div>


    <div id="content">


        <img class="centeredimage" src="aboutpic.jpg" alt="Picture of Loving Couple within blossuming tree branches"/><br>

            <div class="sidebar">
            <h3>Eventual Subnavigation</h3>
            <ul>
                <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                <li>Aliquam tincidunt mauris eu risus.</li>
                <li>Flamingos</li>
            </ul>

            </div>

        <h1>About the Photographer </h1>
        <p>
            <p><strong>Pellentesque habitant morbi tristique</strong>
            senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
            <em>Aenean ultricies mi vitae est.</em>
            Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed.

            <ol>
                <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                 <li>Aliquam tincidunt mauris eu risus.</li>
            </ol>

        <blockquote>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa.
                Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam.
                Vivamus pretium ornare est.

        </blockquote>
        </p>


    </div>


    <div id="footer">
        <hr></hr>
        <h2>&copy 2015 Blue Gate Photography</h2>

        <hr></hr>


        <dl>
            <dt><b>Site Navigation</b></dt>
            <dd><a href=#gallery>Gallery</a></dd>
            <dd><a href=#>Investment</a></dd>
            <dd><a href="main.html">About</a></dd>
            <dd><a href=#>Contact</a></dd>
            <dd><a href=#>Blog</a></dd>
        </dl>

    </div>


</body>
</html>