-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (98 loc) · 4.9 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Picturefraim Creatives - Exceptional Photography & Design</title>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<div class="logo">
<img src="Logo.jpg" alt="Logo">
<span class="logo-text">Picturefraim Creatives</span>
</div>
<nav class="header-menu">
<a href="mission-vision.html">About Us</a>
<a href="contact.html">Contact</a>
<a href="shop.html">Shop</a>
</nav>
</header>
<main>
<section class="hero">
<video autoplay loop muted class="hero-video">
<source src="UNO Honda Civic SiR.mov" type="video/mp4">
<p>Your browser does not support the video tag.
<br> <span style="color: #ff5C00">Try another browser.</span>
</p>
</video>
<div class="hero-text">
<p>Creative Services that Elevate Your Brand</p>
</div>
</section>
<section class="intro glass-box">
<h2>Welcome to Picturefraim Creatives</h2>
<p>
At our studio, we believe in the power of creativity to drive meaningful connections. Our team of passionate professionals is dedicated to bringing your ideas to life through stunning photography, engaging videography, and innovative graphic design. Whether you're a brand looking to elevate your presence or an individual seeking memorable visual storytelling, we offer tailored services that blend artistry with precision. Let's create something extraordinary together.
</p>
</section>
<section class="services">
<h2>Our Services</h2>
<div class="service-cards">
<div class="service-card glass-box">
<a href="photography.html"><h3>Photography</h3></a>
<p>High-quality photography to capture your moments.</p>
</div>
<div class="service-card glass-box">
<a href="videography.html"><h3>Videography</h3></a>
<p>Professional videography to tell your brand’s story.</p>
</div>
<div class="service-card glass-box">
<a href="graphicdesign.html"><h3>Graphic Design</h3></a>
<p>Creative graphic design that makes an impact.</p>
</div>
</div>
</section>
<section class="feedback">
<h2>What Our Clients Say</h2>
<div class="feedback-gallery">
<div class="feedback-item">
<div class="client-info">
<img src="Feedback.png" alt="Client 1" class="client-photo">
<div class="client-details">
<h4>Kai Atanacio</h4>
<p>Graphic Designer</p>
</div>
</div>
<p class="feedback-text">"Picturefraim Creatives truly elevated our brand with their creative design work. We’re beyond impressed with the quality and professionalism they provided!"</p>
</div>
<div class="feedback-item">
<div class="client-info">
<img src="Feedback.png" alt="Client 2" class="client-photo">
<div class="client-details">
<h4>Gabriel Punzalan</h4>
<p>Photographer</p>
</div>
</div>
<p class="feedback-text">"Amazing work! The team at Picturefraim Creatives captured our special moments beautifully. We couldn’t have asked for better service!"</p>
</div>
<div class="feedback-item">
<div class="client-info">
<img src="Feedback.png" alt="Client 3" class="client-photo">
<div class="client-details">
<h4>Jeshern Rosales</h4>
<p>Marketing Specialist</p>
</div>
</div>
<p class="feedback-text">"The videography service we received was top-notch. Picturefraim Creatives has a way of capturing the essence of our brand perfectly!"</p>
</div>
</div>
</section>
</main>
<footer>
<p>© 2024 Picturefraim Creatives | Manila, Philippines</p>
</footer>
</body>
</html>