-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path3d Container.htm
35 lines (29 loc) · 1.78 KB
/
3d Container.htm
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title><link rel="stylesheet" href="style.css">
<!--awesome font icon cdn-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
</head>
<body>
<h4 class="left_text">You <br> Can <br> Do <br> It</h4>
<h4 class="right_text">
Try <br> This <br> yourself
</h4>
<div class="box">
<h4>This is 3d Div</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta ea perferendis quisquam fugit enim inventore? Autem voluptates sapiente assumenda in tempora velit reprehenderit quam quisquam ea atque, repudiandae quis cum veritatis eum harum. Nobis repellat eum necessitatibus hic libero recusandae nostrum optio cum harum maiores. Doloremque id neque dignissimos! Autem iure deserunt itaque fuga repellendus illo iste voluptatem vel, odit libero temporibus illum laborum eos iusto maiores eveniet, pariatur voluptatum possimus officia placeat obcaecati ipsa! Eligendi, inventore veniam, aut quaerat, aliquid adipisci laudantium voluptate eius voluptatum atque quis exercitationem? Expedita, delectus? Ipsa minus incidunt itaque maiores, rem animi aperiam fugiat!</p>
</h3>
</div>
<script src="jquery.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<script src="tilt.js"></script>
<script src="script.js" type="text/javascript"></script>
</body>
</html>