getshot/getpro.html at main · robinhickson/getshot · 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
116
117
118
119
120
121
122
123
<!DOCTYPE html>

<html lang="en">
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>| Get Shot | Get Pro |</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="CSS\normalize.css">
    <link rel="stylesheet" href="CSS\styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://use.typekit.net/gmz4zqm.css">
</head>

<body>
    <div class="container_pro">
        <header class="header_pro">
            <nav class="nav">
                <ul>
                    <li class="page_title"><a href="index.html">
                        <h1>GET PRO</h1>
                    </a></li>
                    <li class="nav_items"><a href="getvideo.html">
                            GET VIDEO
                        </a></li>
                    <li class="nav_items"><a href="getphotos.html">
                            <div>GET PHOTOS</div>
                        </a></li>
                    <li class="nav_items"><a href="getdesign.html">
                        <div>GET DESIGN</div>
                    </a></li>
                    <li class="nav_items"><a href="getideas.html">
                        <div>GET IDEAS</div>
                    </a></li>
                    <li class="nav_items"><a href="getus.html">
                            <div>GET US</div>
                        </a></li>

                </ul>
            </nav>
        </header>

        <main class="main_pro">
            <div class="cards">
                    <img class="card" src="Images/Get_Shot_Wedding.jpg" alt="Infographic example" title="Wedding videography">
                <div class="card step5">
                    <img src="Images/thefreestart.svg" alt="application icon">
                    <h3>FREE!</h3>
                    <h4>The best place to start is with our interactive <a href="getideas.html">IDEAS</a> form.
                        <br>The <a href="getideas.html">IDEAS</a> form initiates Step 1 of 4 (see below), and is completely FREE!
                    </h4>
                </div>
                <div class="card step1">
                    <img src="Images/thebigideas.svg" alt="big ideas icon">
                    <h3>STEP 1: BIG IDEAS</h3>
                    <h4>First (and FOR FREE), we turn all of your inspiration and business needs into a plan -
                        and
                        provide an assessment of the project duration and budget</h4>
                </div>
                <div class="card step2">
                    <img src="Images/thestory.svg" alt="the story icon">
                    <h3>STEP 2: THE STORY</h3>
                    <h4>In the second step, we align your marketing story with our BIG IDEAS and turn these into
                        detailed briefs, schedules and scripts</h4>
                </div>
                <div class="card step3">
                    <img src="Images/thecreation.svg" alt="creation icon">
                    <h3>STEP 3: CREATION</h3>
                    <h4>We are now filming, editing, producing and building THE STORY into anything and
                        everything you
                        might need for your final media package</h4>
                </div>
                <div class="card step4">
                    <img src="Images/theapplication.svg" alt="application icon">
                    <h3>STEP 4: APPLICATION</h3>
                    <h4>We make sure all the CREATION is placed, formatted and correctly applied to whichever
                        platforms
                        you have selected.</h4>
                </div>

            </div>

        </main>
        <article class="article1 step5">

            <h2>GET PRO</h2>
            <h4>You are just a few steps away from your complete media package</h4>
                <h5>GET SHOT create high quality media packages containing film, photography, graphic design
                    and motion graphics, at UNBEATABLE prices.
                    <br>And the first step is <a href="getideas.html">FREE!</a></h5>
        </article>


        <aside class="aside_pro">
            <img src="Images/Get_Shot_Wild.jpg" alt="Infographic example" title="Full production 'in the wild'">
            <img src="Images/Get_Shot_Infographic.jpg" alt="Infographic example" title="Graphic design">
        </aside>


        <footer class="footer">

                <button class="button_link">
                    <a href="#">| Back to top |</a>
                </button>


            <div class="contact_footer">
                <div id="email_address">E: info@get-shot.nl</div>
                <div id="mobile_number">T: +31618347194</div>
                <div class="signature"><span class="copyright">Web Design by &#169 &nbsp;</span><a href="www.writecodesign.com" target="_blank">writecodesign</a></div>
                </div>
            </div>
        </footer>
    </div>


    <script src="fade.js" async defer></script>
</body>

</html>