-
Notifications
You must be signed in to change notification settings - Fork 0
/
Seasnake.php
107 lines (101 loc) · 4.18 KB
/
Seasnake.php
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Sea Life Tourism</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="SeaLifeTourism.css">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid" id="menu">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<img src="photo_imge/logo.jpg" alt="Sea Life Tourism" style="height:80px ; width :150px">
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right menu-right">
<li >
<a href="home.php">
<span>Home</span>
</a>
</li>
<li>
<a href="information.php">
<span>Information</span>
</a>
</li>
<li>
<a href="event.php">
<span>Event</span>
</a>
</li>
<li>
<a href="booking.php">
<span>Booking</span>
</a>
</li>
<li>
<a href="contact.php">
<span>Contact</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="abc"></div>
<br/><br/><br/><br/>
<div class="container-fluid">
<div class="row">
<div class="col-sm-5 imge_a">
<img src="photo_imge/imge_8.jpg" alt="">
</div>
<div class="col-sm-7 imge_b">
<h3 style="border-bottom: 1px solid #333333;color: red">Rắn Biển</h3>
<p> Rắn biển là một nhóm rắn có nọc độc sinh sống trong môi trường biển hay sinh sống phần lớn thời gian trong môi trường biển, mặc dù chúng đã tiến hóa từ tổ tiên sống trên mặt đất. Rắn biển được tìm thấy trong vùng nước ấm ven biển từ Ấn Độ Dương đến Thái Bình Dương.<br><br>Đặc điểm chung của các loài rắn biển là chúng có cấu tạo cơ thể theo chiều ngang dẹt giống như những con lươn. Không giống như cá, rắn biển không có mang và thường xuyên phải trồi lên mặt nước để thở. Các loài rắn biển thường có nọc độc mạnh<br></p>
</div>
</div>
</div>
<div class="bottom_a"></div>
<div class="footer_end">
<div class="container-fluid">
<h3 style="font-weight: normal ; font-size: 40px;text-align: center;">Sea Life Tourism</h3>
<div class="row">
<div class="col-sm-4">
<p style="text-align: center;">Cảm ơn mọi người đã quan tâm đến Sea Life Tourism</p>
</div>
<div class="col-sm-4 icon-footer">
<a href="" class="fa fa-facebook-square" style="color: #4267b2" aria-hidden="true"></a>
<a href="#instagram" style="color: #FFDAB9" class="fa fa-instagram" aria-hidden="true"></a>
<a href="#twitter" style="color: #1da1f2" class="fa fa-twitter-square" aria-hidden="true"></a>
<a href="#google" style="color: #db4437" class="fa fa-google-plus-square" aria-hidden="true"></a>
</div>
<div class="col-sm-4">
<p>
<i class="fa fa-phone" style="color: #0c0;font-size: 30px;"></i>
<span>+84 974 040 625</span>
</p>
<p>
<i class="fa fa-envelope" style="color: #fc0;font-size: 25px;"></i>
<span>[email protected]</span>
</p>
<p>
<i class="fa fa-map-marker" style="color: red;font-size: 30px;"></i>
<span>Aptech-Aprotrain<br>285 - Đội Cấn - Ba Đình - Hà Nội</span>
</p>
</div>
</div>
</div>
</div>s
</body>
</html>