-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (140 loc) · 6.47 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Muhammad Faiz</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/full-slider.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Muhammad Faiz</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"></a>
</li>
</ul>
</div>
</div>
</nav>
<header>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<!
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner" role="listbox">
<!-- Slide One - Set the background image for this slide in the line below -->
<div class="carousel-item active" style="background-image: url('img/su4.jpg')">
<div class="carousel-caption d-none d-md-block">
</div>
</div>
<!-- Slide Two - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('img/su3.jpg')">
<div class="carousel-caption d-none d-md-block">
</div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('img/su5.jpg')">
<div class="carousel-caption d-none d-md-block">
</div>
</div>
<!-- Slide four - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('img/f1.png')">
<div class="carousel-caption d-none d-md-block">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</header>
<!-- Page Content -->
<br><center><img src="img/su6.png" alt="profil" width="150"">
<h3>Sukhoi Su 35</h3></center>
<a href="#">INFO MILITER</a><br>
<p><strong>Sukhoi Su- 35</strong>
<br>
Sukhoi Su-35 (kode NATO: Flanker-E) adalah pesawat tempur multiperan, kelas berat, berjelajah panjang, dan bertempat duduk tunggal asal Rusia.
Pesawat ini dikembangkan dari Su-27, dan awalnya diberi nama Su-27M. Pesawat ini dikembangkan untuk menandingi F-15 Eagle dan F-16 Fighting Falcon.
Karena kesamaan fitur dan komponen yang dikandungnya,Su-35 dianggap sebagai sepupu dekat Sukhoi Su-30MKI, sebuah varian Su-30 yang diproduksi untuk India.
Pesawat ini sendiri merupakan seri flanker terakhir dan merupakan pengisi kekosongan generasi antara generasi 4 dan generasi 5, bisa dimasukkan dalam generasi 4++.
Pesawat Su-35 perdana kemudian dikembangkan lagi menjadi Su-35BM, yang memasuki deretan produksi sebagai Su-35S. Angkatan Udara Rusia saat ini mengoperasikan 12 pesawat tempur Su-35 sejak tahun 2008..</p><br>
<a href="#">Varian:</a>
<ul>
<li><strong>Su-27M/Su-35</strong>
<br>-Pesawat tempur dengan satu tempat duduk.</br>
<li><strong>Su-35UB</strong>
<br>-Pesawat tempur dan pesawat latih dengan dua tempat duduk/<br>
<li><strong>Su-35BM</strong>
<br>-Pesawat tempur bertempat duduk tunggal dengan avionik yang diperbarui dan aneka modifikasi badan pesawat.</br>
<li><strong>Su-35S</strong>
<br>-Su-35BM versi domestik Rusia.</br>
<li><strong>Su-35K</strong>
<br>-Su-35BM versi ekspor.</br>
</ul>
<br><center><img src="img/su1.jpg" alt="profil" width="400"></center>
<br>
<a href="#">Spesifikasi Su- 35 :</a><br>
<ul>
<li>Kru : 1</li>
<li>Panjang : 21,9m</li>
<li>Lebar Sayap : 15,3m</li>
<li>Berat Kosong : 18.400 kg</li>
<li>Berat Terisi : 25.300 kg</li>
<li>Berat maksimum Takeoff : 34.500 kg</li>
<li>Mesin : 2x Saturn 117s dengan Turbofan TVC</li>
</ul>
<br><center></cent></cen> <div class="col-lg-4 text-center">
<img class="img-circle img-responsive img-center" src="img/f3.PNG" alt="profil" width="200">
<p>Muhammad Faiz</p>
<p>NPM : 16.63.0689</p>
</div></center>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">SOCIAL MEDIA</p>
<p class="m-0 text-center text-white">
<a href="https://fb.com/Muhammad faiz" target="_blank">
<img src="img/s1.png" alt="facebook" width="50"></a>
<a href=https://instagram.com/faiz9877" target="_blank">
<img src="img/s2.png" alt="instagram" width="50"></a>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>