PhotoPhactory/About.html at master · ahon54/PhotoPhactory · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css" type="text/css"/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap"/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>Document</title>
</head>
<body>
	<header>
		<div class="header-class">
			<div class="header-logo">
				<!-- display logo here -->
				<img class="logo-icon" src="Logo/PHACTORY.V2.png" alt="logo" />
			</div>
			<nav class="nav-list">
				<ul class="nav-menu">
					<li><a href="index.html">Home</a></li>
					<li><a href="About.html">About</a></li>
					<li><a href="index.html">Gallery</a></li>
					<li><a href="">Contact</a></li>
					<li><a href="">Support</a></li>
				</ul>
			</nav>
			<div class="register">
				<a href="">Sign in/Sign up</a>
				<!-- insert magnifying glass icon -->
				<i class="material-icons">search</i>
			</div>
		</div>
    </header>
    <main class="flex-main">
        <div class="divider">
            <hr>
        </div>
        <h1 class="company-name-header">About Us</h1>
        <div class="divider">
                <hr>
        </div>
        <div class="donation-section">
            <div class="grid-employee1">
                <img class="picture1" src="Edited_Photos/Employee1.png" />
                <p class="bio">Now let me REALLY tell you about me. People inspire me. YOU inspire me. Every one of my clients have inspired me. And I want to capture your story,  because it deserves to be known and celebrated</p>
            </div>
            <div class="grid-employee2">
                <img class="picture2" src="Edited_Photos/Employee2.png" />
                <p class="bio">I love capturing the type of images that make you feel something. This is not about getting the perfect instagram photo or editing the heck out of the images or the perfect pose, this is about you and your love.</p>
            </div>
            <div class="grid-employee3">
                <img class="picture3" src="Edited_Photos/Employee3.png" />
                <p class="bio">My heart and soul comes alive when I photograph the beauty of human connection in its truest, rawest form. </p>
            </div>
        </div>
        <div class="divider">
                <hr>
        </div>

    </main>


    <footer class="footer-container">
            <div class="info-footer-section">
                <div class="pricing-description">

                    <p class="pricing-info">
                        John Doe Photography 120 West Cordova Street. Vancouver, B.C. Canada 778-999-9999 <br>
                        © Copyright 2019 Vancouver Photographer John Doe
                    </p>
                     <!-- insert social media icons -->
                    <div class="social-media">
                            <a href="#" class="fa fa-facebook"></a>
                            <a href="#" class="fa fa-twitter"></a>
                            <a href="#" class="fa fa-youtube"></a>
                            <a href="#" class="fa fa-instagram"></a>
                            <a href="#" class="fa fa-pinterest"></a>
                        </div>
                </div>

                <div class="map">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2604.6072244741654!2d-123.11846828441782!3d49.24593558129481!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548673d221f578db%3A0x9db28c3fa16cbb77!2sJulie%20Doro%20Photography!5e0!3m2!1sen!2sca!4v1575837854597!5m2!1sen!2sca"
                        width="250"
                        height="100"
                        frameborder="0"
                        style="border:0;"
                        allowfullscreen="">
                    </iframe>
                </div>

            </div>
        </footer>
</body>
</html>