-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdagger.html
94 lines (65 loc) · 3.9 KB
/
dagger.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
<!DOCTYPE html>
<html lang="en" class="full-height">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Uni-Life | Dagger</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="../../../../maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.verticalLine {
border-left: thick solid #7c2020;
}
.verticalLine1 {
border-right: thick solid #7c2020;
height: 20%;
}
</style>
</head>
<body>
<div class="container text-left" style="margin-top: 30px">
<a href="index.html" style="color: #de3146"><h2>Bon Voyage</h2></a>
</div>
<div class="container">
<div class="row" style="margin: 10px; padding-top: 130px">
<div class="col-sm-5 verticalLine1" style="margin-left: 40px">
<img class="wow zoomIn" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/v99-binn-ning-85-illustration_2.jpg?con=3&dpr=1.5&fm=jpg&ixlib=php-1.1.0&mark=rawpixel-watermark.png&markalpha=90&markpad=13&markscale=10&markx=25&q=60&usm=15&vib=3&w=1600&s=ee967b1542044f1db365940c0fc49c52" style="height: 300px; width: 250px">
</div>
<div class="col-sm-6 verticalLine" style="margin-left: 10px;font-family: 'Slabo 27px', serif;">
<h3 class="wow fadeIn" style="color:#808000">Nostrud amet culpa esse cillum.</h3>
<p class="wow fadeIn" data-wow-delay="0.7s">Dolor anim laboris sint qui do occaecat nulla aute non aute cupidatat qui nisi nostrud laboris dolore eu officia duis do fugiat incididunt consectetur dolor consectetur exercitation proident velit quis irure duis deserunt aute dolor quis pariatur culpa reprehenderit aute sunt aute cupidatat cupidatat adipisicing sint duis enim adipisicing eu laboris consectetur veniam dolor exercitation et occaecat sunt sit sunt sint consequat et commodo est do non ad ea commodo labore ut sit officia in reprehenderit est proident consectetur laboris do minim cupidatat quis sunt fugiat qui ex ut excepteur veniam dolor qui fugiat amet sint mollit occaecat eu commodo adipisicing sit in minim laboris eiusmod dolor nostrud ut cillum do excepteur est commodo anim sed id consectetur fugiat veniam fugiat veniam et pariatur velit quis nostrud nisi dolore culpa aute consequat quis aute in duis officia do magna officia qui fugiat dolore dolore qui eiusmod dolor fugiat reprehenderit sunt.</p>
</div>
</div>
<div class="row">
<div class="col-6 text-center">
<a href="giraffe.html" style="color: black; font-size: 20px"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> Previous</a>
</div>
<div class="col-6 text-center">
<a href="peach.html" style="color: black; font-size: 20px"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Next</a>
</div>
</div>
</div>
<!--SCRIPTS-->
<!--JQuery-->
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<!--Bootstrap tooltips-->
<script type="text/javascript" src="js/popper.min.js"></script>
<!--Bootstrap core JavaScript-->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!--MDB core JavaScript-->
<script type="text/javascript" src="js/mdb.min.js"></script>
<script>
//Animation init
new WOW().init();
</script>
</body>
</html>