-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (127 loc) · 5.03 KB
/
index.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>New York City Property</title>
<link rel="stylesheet" href="style home.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- navbar start -->
<div class="topnav" id="myTopnav">
<a href="#aboutus">About Us</a>
<a href="#sales">Sales</a>
<a href="#product">Product</a>
<a href="#suggestion">Suggestion</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<!-- navbar end -->
<!-- opening start -->
<div class="jumbotron1">
<div>
<img src="./img/nyc home.png" height="370" alt="Lauv">
<p1><b>NYC Property Sales</b></p1>
<p2>To see more details about the Dataset, you can view the data directly with dashboard tools using Google Looker studio for a more complete view of the data.
</p2>
<div class="button-container">
<a href="https://lookerstudio.google.com/reporting/67b65543-5df8-445d-adcf-ae50e3e0f6fc" class="btn btn-outline-dark" role="button" target="_blank">See More</a>
</div>
</div>
</div>
<!-- opening end -->
<!-- about us start -->
<div class="about" id="aboutus">
<div class="container1">
<h1 style="color: #002B4E; font-size: 50px;"><b>ABOUT US</b></h1>
<img src="Foto_Kelompok/Mentor_Fadly.png" height="300" alt="Lauv">
<p1><b>Mentor</b></p>
<p2>Fadly Tanjung</p>
<div class="button-container">
<a href="team 10.html" class="btn btn-outline-dark" role="button" >See More</a>
</div>
</div>
</div>
<!-- about us end-->
<!-- sales start -->
<div class="sales" id="sales">
<div class="container2">
<h1 style="color: #002B4E"><b>SALES</b></h1>
<img src="img/Gedung.jpg" height="450" alt="Lauv">
<p1><b>NYC SALES IN 2016-2017</b></p>
<p2>To see a more complete data table from NYC regarding sales in each region and sales conditions, you can check with the button below.</p>
<div class="button-container">
<a href="sales.html" class="btn btn-outline-dark" role="button" >See More</a>
</div>
</div>
</div>
<!-- sales end -->
<!-- product start -->
<div class="product" id="product">
<div class="container3">
<h1 style="color: #002B4E"><b>PRODUCT</b></h1>
<div class="row">
<div class="column-content">
<img src="img/Barplot texture 1.png" height="200" alt="Lauv">
<p><b>Distribution Sales</b></p>
</div>
<div class="column-content">
<img src="img/Vertical Bars 1.png" height="200" alt="Lauv">
<p><b>Sales Trend</b></p>
</div>
</div>
<div class="button-container">
<a href="produk.html" class="btn btn-outline-dark" role="button" >See More</a>
</div>
</div>
</div>
<!-- product end -->
<!-- suggestion start -->
<div class="suggestion" id="suggestion">
<div class="container4">
<div class="card-container">
<!-- Masukkan kode card di sini -->
<div class="custom-card">
<img src="img/Gedung 2.jpg" height="300" alt="Lauv" class="custom-card-image">
<div class="custom-card-body">
<h1 class="custom-card-title">SUGGESTION!</h1>
<p class="custom-card-text">Give us some suggestion!</p>
<div class="button-container">
<a href="sugesstion.html" class="btn btn-outline-dark" role="button" >Klik Here</a>
</div>
</div>
</div>
<!-- Akhir kode card -->
</div>
</div>
</div>
<!-- suggestion end -->
<!-- maps start -->
<div class="maps">
<div class="maps-container">
<div class="jumbotron6">
<h1>Terima Kasih Telah Mengunjungi Website Kami</h1>
<footer style="text-align: center">
<p2>Copyright © 2024 Built by. <a style="color: #C65BCF"><b>Semarang Team 10</b></a>.</p2>
</footer>
</div>
</div>
</div>
<!-- maps end -->
<!-- js -->
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<!-- js -->
</body>
</html>