-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
185 lines (164 loc) · 7.5 KB
/
Copy pathindex.html
File metadata and controls
185 lines (164 loc) · 7.5 KB
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Miracle Visual Effects</title>
<link rel="stylesheet" href="resources/style.css" />
<link rel="icon" type="image/x-icon" href="resources/favicon.ico" />
</head>
<body>
<div class="deco deco-top deco-left"></div>
<div class="deco deco-top deco-right"></div>
<div class="deco deco-mid deco-left"></div>
<div class="deco deco-mid deco-right"></div>
<div id="background"></div>
<header>
<hr>
<img src="resources/miracle.svg" alt="Miracle Visual Effects Logo" id="logo" class="glow"/>
<hr>
</header>
<main>
<div class="container flex-center">
<div id="motd">
<h1>shaping shadows,<br><span id="crafting-light"> crafting light</h1>
</div>
</div>
<div class="container">
<div class="gallery">
<div class="item w2 p067">
<div class="copy1"></div>
<div class="copy2"></div>
<div class="main">
<div class="content">
<h2>Worlds 2025: Sacrifice</h2>
<p>2025 | Red Knuckles to Riot Games</p>
</div>
</div>
</div>
<div class="item w1 p009">
<div class="copy1"></div>
<div class="copy2"></div>
<div class="main">
<div class="content">
<h2>Porta dos Fundos</h2>
<p>2022 | DOT to Paramount+</p>
</div>
</div>
</div>
<div class="item w1 p041">
<div class="copy1"></div>
<div class="copy2"></div>
<div class="main">
<div class="content">
<h2>Noah's Ark</h2>
<p>2024 | BIG Studios</p>
</div>
</div>
</div>
<div class="item w2 p002">
<div class="copy1"></div>
<div class="copy2"></div>
<div class="main">
<div class="content">
<h2>Aruna's Magic</h2>
<p>2023 | Formata & DOT to Disney+</p>
</div>
</div>
</div>
<div class="item w2 p018">
<div class="copy1"></div>
<div class="copy2"></div>
<div class="main">
<div class="content">
<h2>Mussum, O Filmis</h2>
<p>2023 | DOT</p>
</div>
</div>
</div>
<div class="item w1 p040">
<div class="copy1"></div>
<div class="copy2"></div>
<div class="main">
<div class="content">
<h2>Valorant: RECKONING Ep 8</h2>
<p>2023 | Lightfarm to Riot Games</p>
</div>
</div>
</div>
<div class="item w1 p024">
<div class="copy1"></div>
<div class="copy2"></div>
<div class="main">
<div class="content">
<h2>Bom Dia, Verônica</h2>
<p>2023 | DOT to Netflix</p>
</div>
</div>
</div>
<div class="item w2 p045">
<div class="copy1"></div>
<div class="copy2"></div>
<div class="main">
<div class="content">
<h2>It's not a Monster - NuBank</h2>
<p>2024 | Zombie Studios to Disney</p>
</div>
</div>
</div>
</div>
</div>
<div class="wide-section information card-bg">
<div class="container flex-spread">
<div class="text-block">
<h2 class="section-title">Unbound Creativity</h2>
<p>Building complex simulations requires a foundation that grows stronger with time. That's why at Miracle VFX, we invest in a dedicated in-house FX team.<p></p>
<p>By keeping our top talent close, we ensure that every solution we build isn't just for a single shot, but part of a growing pipeline. We learn from every project, refining our tools and techniques over time. It's not just about getting the job done; it's about building a legacy of knowledge that makes the next challenge even better.</p>
</div>
<div class="image-block">
<p>Worlds 2025: Sacrifice</p>
</div>
</div>
</div>
<div class="container">
<div class="callout">
<h1>Discover our work</h1>
<div class="reel">
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1151092740?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Miracle VFX - Cool Projects :)"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
</div>
</div>
</div>
<div class="container card-bg" id="about-contact">
<div class="columns">
<div>
<div class="text-block">
<h2 class="section-title">Get in Touch</h2>
<p>We don't just process pixels, we bring complex worlds to life. Committed to the craft of simulation and rendering, we explore the places where physics meets imagination.</p><p>We are a growing studio, and our doors are always open to those looking to build something extraordinary.</p>
</div>
</div>
<span class="divider"></span>
<div>
<div class="text-block contact-links">
<a href="mailto:studio@miraclevfx.com">e-mail</a>
<a href="https://www.instagram.com/miraclevfx/" target="_blank">instagram</a>
<a href="https://www.linkedin.com/company/miracle-visual-effects/" target="_blank">linkedin</a>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container flex-spread">
<div id="working-miracles" class="glow">
<img src="resources/spark.svg" alt="Miracle Spark" id="spark" />
<p>working<br>miracles.</p>
</div>
<div id="contact-info">
<p class="email">studio@miraclevfx.com</p>
<p>+55 11 94203-5858</p>
<p>São Paulo - SP, Brasil</p>
</div>
</div>
</footer>
</body>
</html>