studio-anni/about.php at master · mctworks/studio-anni · 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
<!DOCTYPE html>

<html>
    <head>
        <title>Studio Anni - The Art of Anni Thompson</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href='https://fonts.googleapis.com/css?family=Della+Respira' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="all">
        <link rel="stylesheet" href="https://use.fontawesome.com/ca94f43071.css">
        <link href="customsa.css" rel="stylesheet" media="all">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="script.js"></script>
    <body>
        <div class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle Navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        <img src="salogo2.png" alt="Studio Anni" class="hidden-xs">
                        <img src='salogomobile.png' alt='Studio Anni' class='visible-sm'>
                    </a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="index.php">Home</a>
                        </li>
                        <li><a href="gallery/index.php">Gallery</a>
                        </li>
                        <li class="active"><a href="about.php">About/Bio</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
            <div class="container">
                <div class="navbar-text pull-left">
                    <p>&copy;2016 Studio Anni LLC.</p>
                </div>
                <div class="navbar-text pull-right">
                    <!--<p>Don't forget to follow us on social media!&nbsp;<i class="fa fa-hand-o-right fa-2x" aria-hidden="true">&nbsp;&nbsp;</i>

                    <!--TO DO: CHANGE URL FOR FACEBOOK PAGE AFTER NAME CHANGE-->
                    <a href="https://www.facebook.com/StudioAnniLLC"><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i></a>
                    <a href="https://twitter.com/StudioAnni"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
                    <a href="https://www.instagram.com/studio_anni/"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
                    <a href="#"><i class="fa fa-google-plus fa-2x" aria-hidden="true"></i></a>
                </div>
            </div>
        </div>

<!--End of Header/Footer-->

        <div class='row' id='aboutanni'>
            <div class='col-sm-9'>
            <h2>Anni Thompson</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nunc quam, ultricies sit amet nunc vel,
                egestas congue eros. Integer fringilla a orci elementum porta. Aliquam in velit nec arcu gravida posuere in sit
                amet sapien. Sed porttitor nisl quis magna tempus bibendum. Vestibulum ante ipsum primis in faucibus orci luctus
                et ultrices posuere cubilia Curae; Etiam sagittis, lectus et vulputate interdum, ex nisi interdum felis, vitae
                lobortis justo leo eu lectus. Sed sed metus nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nunc quam, ultricies sit amet nunc vel,
                egestas congue eros. Integer fringilla a orci elementum porta. Aliquam in velit nec arcu gravida posuere in sit
                amet sapien. Sed porttitor nisl quis magna tempus bibendum. Vestibulum ante ipsum primis in faucibus orci luctus
                et ultrices posuere cubilia Curae; Etiam sagittis, lectus et vulputate interdum, ex nisi interdum felis, vitae
                lobortis justo leo eu lectus. Sed sed metus nulla.</p>
            </div>
            <div class='col-sm-3'>
                <img src='annipainting.jpg' alt='test' class="img-responsive">
            </div>
        </div>
        <div class='row' id='aboutmike'>
            <div class='col-sm-9'>
            <h2>Michael C. Thompson</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nunc quam, ultricies sit amet nunc vel,
                egestas congue eros. Integer fringilla a orci elementum porta. Aliquam in velit nec arcu gravida posuere in sit
                amet sapien. Sed porttitor nisl quis magna tempus bibendum. Vestibulum ante ipsum primis in faucibus orci luctus
                et ultrices posuere cubilia Curae; Etiam sagittis, lectus et vulputate interdum, ex nisi interdum felis, vitae
                lobortis justo leo eu lectus. Sed sed metus nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nunc quam, ultricies sit amet nunc vel,
                egestas congue eros. Integer fringilla a orci elementum porta. Aliquam in velit nec arcu gravida posuere in sit
                amet sapien. Sed porttitor nisl quis magna tempus bibendum. Vestibulum ante ipsum primis in faucibus orci luctus
                et ultrices posuere cubilia Curae; Etiam sagittis, lectus et vulputate interdum, ex nisi interdum felis, vitae
                lobortis justo leo eu lectus. Sed sed metus nulla.</p>
            </div>
            <div class='col-sm-3'>
                <img src='michaelpainting.jpg' alt='test' class="img-responsive">
            </div>
        </div>
        <div class='row' id='faqs'>
            <div class='col-sm-12'>
            <h2>Frequently Asked Questions</h2>
            <p>
                <i class="fa fa-question-circle fa-2x" aria-hidden="true"></i> <i>Whatever happened to Anni's Arts & Jewelry?</i><br>
                <i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i> That's us! We decided to restructure the business, and just recently changed the name to reflect the shift. I've become seriously more interested in my work on canvas in the past couple of years, so that's the primary focus of Studio Anni. That's not to say the neat origami and jewelry won't be here, if there's a demand. For now though, we're primarily focusing on paintings.<br><br>
                <i class="fa fa-question-circle fa-2x" aria-hidden="true"></i> <i>Do you do commissions?</i><br>
                <i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i> As of right now, the only commissions I do are pet portraits. That may change in the future.<br><br>
                <i class="fa fa-question-circle fa-2x" aria-hidden="true"></i> <i>Question question question?</i><br>
                <i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i> Answer answer answer.<br><br>
            </p>
            </div>
        </div>
    </body>
</html>