-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathEntombed.html
90 lines (87 loc) · 3.52 KB
/
Entombed.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with=device-width, initial-scale=1.0">
<title>Joshua Briggs</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
</head>
<body>
<section class="header">
<nav>
<!-- Displays all the photos in the top left -->
<a><img src="images/HTML.svg"</a>
<a><img src="images/CSS.png"</a>
<div class="nav-links">
<ul>
<!-- Displays all the navigation tools -->
<li><a href="Portfolio.html">PORTFOLIO</a></li>
<li><a href="Contact.html">CONTACT</a></li>
</ul>
</div>
</nav>
<div class="video-header">
<h1>Entombed</h1>
</div>
<div class="slide-container">
<!-- Slider main container -->
<style>
.mp4Video {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.mp4Video video {
width: 60%; /* Set video to 60% of its container's width */
height: auto;
max-width: 100%; /* Ensures the video doesn't exceed the container's width */
}
</style>
<div class="youtubeVideo">
<iframe width="560" height="315" src="https://www.youtube.com/embed/tCKIx_gtBRk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<!-- Displays all the text in the bottom of the page -->
<div class="video-body">
<div class="video-text">
<div class="video-info">
<div class="video-questions">
<p>Game type:</p>
<p>Process of making the game:</p>
<p>Software:</p>
<p>Coding language:</p>
</div>
<div class="video-answers">
<p>3D adventure horror game, you will have to navigate the haunted tombs and caves and find your way out completing puzzles and surviving the horrors that await you.</p>
<p>This game was made from scratch using nothing but pure C++ and using Sonys API, this meant our problems couldnt be solved by googling, we had to put in loads of research to this project, everything from the renderer to the resource manager is all made by us.</p>
<p>PS5 & Visual Studio</p>
<p>C++, JSON</p>
</div>
</div>
</div>
</section>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script>
const swiper = new Swiper('.swiper', {
// Optional parameters
loop: true,
// If we need pagination
pagination: {
el: '.swiper-pagination',
clickable: true,
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
</body>
</html>