67-250_webdev/index.html at main · dxchen2003/67-250_webdev · 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
<!DOCTYPE html>
<html lang="en">
    <head>

        <!--meta tags-->
        <meta name="author" content="Daniel Chen">
        <meta charset="utf-8">
        <meta name="keywords" content="Pamela's Diner">
        <meta name="description" content="Pamela's Diner's Website">

        <!--links-->
        <link rel="stylesheet" media="all" type="text/css" href="css/styles.css"/>

        <title>Pamela's Diner</title>
    </head>
    <body>
        <div id="container">
            <div id="top_row">
                <header>
                    <a href="index.html">
                        <h1>Pamela's Diner</h1>
                    </a>
                </header>
                <nav>
                    <a href="index.html" class="selected">Home</a>|
                    <a href="menu.html">Menu</a> |
                    <a href="locations.html">Locations</a> |
                    <a href="online_order.html">Order Online</a> |
                    <a href="reviews.html">Reviews</a> |
                    <a href="contact.html">Contact</a>
                </nav>
            </div>
            <div class="bg_total">
                <img class="bg" src="images/main.jpg" alt="main photo">
                <h3 id="first-text">The</h3>
                <h3 id="second-text">BEST BREAKFAST</h3>
                <h3 id="third-text">in</h3>
                <h3 id="fourth-text">PITTSBURGH</h3>
                <h3 id="fifth-text">Since 1986</h3>

            </div>


            <div id="content">
                <h2>Welcome to Pamela's Diner</h2>
                <h4>
                    &emsp; Pamela's Diner is a prominent chain of diners in Pittsburgh,
                    Pennsylvania, USA. Its specialties are crepe-style pancakes,
                    omelets and Lyonnaise potatoes. It is "treasured" and is
                    considered to be in the "pantheon of pancake purveyors".
                    In 2013, Pamela's Diner was featured by the Wall Street
                    Journal in a "What to Do in Pittsburgh" feature story.
                    Pamela's Diner is owned by Gail Klingensmith and Pam Cohen.
                    Both educated as teachers, the business partners handle different
                    tasks, Klingensmith with the more business end and Cohen as "the
                    culinary artist". The first Pamela's Diner location, in the Squirrel
                    Hill neighborhood, opened in 1979. Subsequent locations have opened in
                    Shadyside, the Strip District, Millvale, Oakland and Mt. Lebanon.
                </h4>
                <br>
                <h4>
                    &emsp; During the 2008 United States presidential election,
                    Barack Obama visited Pamela's Diner for a campaign visit. Once
                    elected, President Obama invited Klingensmith and Cohen to the
                    White House for a Memorial Day breakfast with the Obama family
                    and 80 veterans. Later that year, during the 2009 G-20 Pittsburgh
                    summit, President Obama expressed dismay that he was unable
                    to return to Pamela's Diner during that trip, but First Lady
                    Michelle Obama did visit. Incidentally, the Oakland storefront
                    received damage during the protests that accompanied the G-20
                    summit.
                </h4><br>
                <h4>
                    &emsp; Pamela's Diner announced in December 2021 that their original
                    Squirrel Hill location will be closing largely due to COVID-19.
                    With the loss of several long-time employees, the location decided
                    to shut its doors. As the first Pamela's Diner location, it has
                    been around 42 years. The other diner locations will stay open,
                    however. The owners hinted that they are open to another, smaller
                    Squirrel Hill location in the future.
                </h4><br>

                <section class="smallContainer">
                    <div class="card">
                        <a href="menu.html">
                            <div class="card-image car-1" alt="omelette"></div>
                            <h5>View Our Menu</h5>
                        </a>
                    </div>
                    <div class="card">
                        <a href="locations.html">
                            <div class="card-image car-2" alt="locations"></div>
                            <h5>See Our Locations</h5>
                        </a>
                    </div>
                    <div class="card">
                        <a href="online_order.html">
                            <div class="card-image car-3" alt="order online"></div>
                            <h5>Order Online</h5>
                        </a>
                    </div>
                </section>
            </div>
            <div id="footer">
                <img id="logo" src="images/logo.png"/>
                <h3>©Pamela's Diner</h3>
                <!--All Icons obtained from https://icons8.com/-->
                <a target="_blank" alt="instagram" href="https://www.instagram.com/pamelasdiner/?hl=en"><img class="footer_icon" src="images/instagram.png"></a>
                <a target="_blank" alt="facebook" href="https://www.facebook.com/pamelasdiner/"><img class="footer_icon" src="images/facebook.png"></a>
                <a target="_blank" alt="youtube" href="https://www.youtube.com/watch?v=Rb0Dw2t-nTE "><img class="footer_icon" src="images/youtube.png"></a>
                <a target="_blank" alt="yelp" href="https://www.yelp.com/biz/p-and-gs-pamelas-diner-pittsburgh-3"><img class="footer_icon" src="images/yelp.png"></a>
            </div>
        </div>
    </body>
</html>