<!doctype html>
<html lang="en">
<head>
<meta charset=" utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Information On Icebox">
<meta name="author" content="Brian Cheung">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link href="style.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="./imgs/favicon.jpg">
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous">
</script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
</script>
<script src="https://use.fontawesome.com/releases/v5.15.2/js/all.js" data-auto-replace-svg="nest"></script>
<title>Icebox</title>
</head>
<body class="bg-dark text-white bg-img5">
<!-- Navbar -->
<nav class="navbar navbar-dark navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">
</span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="btn btn-danger" aria-current="page" href="index.html">Home</a>
<a class="btn btn-danger" href="https://github.com/BrianCheung1/ValorantMaps"
target="_blank">Github</a>
<a class="btn btn-danger" href="#">Extras</a>
</div>
</div>
</div>
</nav>
<h1 class="shadow-title text-center"><span class="text-danger ">ICEBOX</span> </h1>
<div class="container-fluid ">
<div class="row justify-content-center ">
<div class="col-xl-5">
<div class="card cardmap mb-2">
<div class="card-body text-center">
<a href="./ascent.html"><button type="button"
class="btn btn-outline-danger my-1 mapbuttons">Ascent</button></a>
<a href="./bind.html"><button type="button" class="btn btn-outline-danger my-1 mapbuttons">
Bind </button></a>
<a href="./haven.html"><button type="button"
class="btn btn-outline-danger my-1 mapbuttons">Haven</button></a>
<a href="./icebox.html"><button type="button"
class="btn btn-danger my-1 mapbuttons">Icebox</button></a>
<a href="./split.html"><button type="button"
class="btn btn-outline-danger my-1 mapbuttons">Split</button></a>
<img src="./imgs/icebox.jpg" class="card-img-top" alt="...">
</div>
</div>
</div>
<div class="col-xl-4">
<div class="card bg-dark border-dark">
<h4 class="card-header bg-transparent border-dark text-center">
<i class="fas fa-angle-right" data-toggle="collapse" href="#mapDescription"></i>
Map Description
</h4>
<div class="collapse show" id="mapDescription">
<div class="card-body">
<p class="card-text">Icebox was released at the beginning of Act III and takes place in a
tundra
climate. The map has a ton of verticality and angles to cover so it’s the most complex
map
released yet.
</br>
</br>
There are unique features such as horizontal ropes (that work identically to Split’s
vertical ropes) and two-tiered planting sites, meaning that you have a low ground option
to
plant on and a high ground one.
</br>
</br>
It’s a great map for agents like Raze, Jett, and Omen that are able to make good use of
all
the boxes while agents like Sova and Cypher may struggle. Sova because it will be easy
to
hide from his sonar arrow and Cypher because there are many access points so his
Trapwires
may not get as much value as usual.
</div>
</div>
</div>
<div class="card bg-dark border-dark my-2">
<h4 class="card-header bg-transparent border-dark text-center">
<i class="fas fa-angle-right" data-toggle="collapse" href="#mapLocation"></i>
Map Locations</h4>
<div class="collapse show" id="mapLocation">
<div class="card-body">
<div class="row ">
<div class="col-sm-6">
<ul>
<li><a data-target="#carouselExampleControls" data-slide-to="0" href="#">A
Nest</a>
</li>
<li><a data-target="#carouselExampleControls" data-slide-to="1" href="#">A
Rafters/A
Site</a></li>
<li><a data-target="#carouselExampleControls" data-slide-to="2"
href="#">Attacker
Side Spawn</a></li>
<li><a data-target="#carouselExampleControls" data-slide-to="3" href="#">B
Green</a>
</li>
</ul>
</div>
<div class="col-sm-6">
<ul>
<li><a data-target="#carouselExampleControls" data-slide-to="4" href="#">B
Site</a>
</li>
<li><a data-target="#carouselExampleControls" data-slide-to="5"
href="#">Defender
Side Spawn</a></li>
<li><a data-target="#carouselExampleControls" data-slide-to="6" href="#">Mid
Boiler</a></li>
</ul>
</div>
</div>
<div id="carouselExampleControls" class="carousel" data-ride="carousel"
data-interval="5000">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="./imgs/iceboxanest.jpeg" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./imgs/iceboxasite.jpeg" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./imgs/iceboxattackersidespawn.jpeg" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./imgs/iceboxbgreen.jpeg" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./imgs/iceboxbsite.jpeg" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./imgs/iceboxdefendersidespawn.jpeg" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./imgs/iceboxmidboiler.jpeg" alt="">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button"
data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button"
data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>