Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"Project"
Bootstrap 4.1.1 Snippet by
Andrigs
4.1.1
Preview
HTML
CSS
View Full Screen
Fork
Fork this
245
 
0 Fav
Post to Facebook
Tweet this
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> HTTP request in Javascript. andri gunawan How do I make an HTTP request in Javascript? To make an HTTP request in JavaScript, you can use the built-in fetch function or the XMLHttpRequest object. Here is an example of using fetch to make a GET request: javascript Copy code fetch('https://example.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); In this example, fetch is called with the URL of the resource to retrieve. The then method is called on the resulting promise, which converts the response to JSON format and logs it to the console. If an error occurs andri gunawan Contoh code html dan css bussines profil Berikut adalah contoh kode HTML dan CSS untuk halaman profil bisnis: HTML: html Copy code <!DOCTYPE html> <html> <head> <title>Profil Bisnis</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>Profil Bisnis XYZ</h1> <nav> <ul> <li><a href="#">Beranda</a></li> <li><a href="#">Produk</a></li> <li><a href="#">Tentang Kami</a></li> <li><a href="#">Kontak</a></li> </ul> </nav> </header> <main> <section id="tentang-kami"> <h2>Tentang Kami</h2> <p>Kami adalah sebuah bisnis yang bergerak di bidang produksi dan penjualan produk X dan Y. Kami berkomitmen untuk memberikan produk berkualitas dan pelayanan terbaik kepada pelanggan kami.</p> </section> <section id="produk"> <h2>Produk</h2> <ul> <li> <img src="produk1.jpg"> <h3>Produk 1</h3> <p>Deskripsi produk 1.</p> </li> <li> <img src="produk2.jpg"> <h3>Produk 2</h3> <p>Deskripsi produk 2.</p> </li> <li> <img src="produk3.jpg"> <h3>Produk 3</h3> <p>Deskripsi produk 3.</p> </li> </ul> </section> <section id="kontak"> <h2>Kontak</h2> <form> <label for="nama">Nama:</label> <input type="text" id="nama" name="nama" required> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <label for="pesan">Pesan:</label> <textarea id="pesan" name="pesan" required></textarea> <input type="submit" value="Kirim"> </form> </section> </main> <footer> <p>Hak Cipta © 2023 Profil Bisnis XYZ</p> </footer> </body> </html>
HTTP request in Javascript. andri gunawan How do I make an HTTP request in Javascript? To make an HTTP request in JavaScript, you can use the built-in fetch function or the XMLHttpRequest object. Here is an example of using fetch to make a GET request: javascript Copy code fetch('https://example.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); In this example, fetch is called with the URL of the resource to retrieve. The then method is called on the resulting promise, which converts the response to JSON format and logs it to the console. If an error occurs andri gunawan Contoh code html dan css bussines profil Berikut adalah contoh kode HTML dan CSS untuk halaman profil bisnis: HTML: html Copy code <!DOCTYPE html> <html> <head> <title>Profil Bisnis</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>Profil Bisnis XYZ</h1> <nav> <ul> <li><a href="#">Beranda</a></li> <li><a href="#">Produk</a></li> <li><a href="#">Tentang Kami</a></li> <li><a href="#">Kontak</a></li> </ul> </nav> </header> <main> <section id="tentang-kami"> <h2>Tentang Kami</h2> <p>Kami adalah sebuah bisnis yang bergerak di bidang produksi dan penjualan produk X dan Y. Kami berkomitmen untuk memberikan produk berkualitas dan pelayanan terbaik kepada pelanggan kami.</p> </section> <section id="produk"> <h2>Produk</h2> <ul> <li> <img src="produk1.jpg"> <h3>Produk 1</h3> <p>Deskripsi produk 1.</p> </li> <li> <img src="produk2.jpg"> <h3>Produk 2</h3> <p>Deskripsi produk 2.</p> </li> <li> <img src="produk3.jpg"> <h3>Produk 3</h3> <p>Deskripsi produk 3.</p> </li> </ul> </section> <section id="kontak"> <h2>Kontak</h2> <form> <label for="nama">Nama:</label> <input type="text" id="nama" name="nama" required> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <label for="pesan">Pesan:</label> <textarea id="pesan" name="pesan" required></textarea> <input type="submit" value="Kirim"> </form> </section> </main> <footer> <p>Hak Cipta © 2023 Profil Bisnis XYZ</p> </footer> </body> </html> CSS: css Copy code body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 10px; } nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; } nav li { margin: 0 10px; } nav a { color: #fff; text-decoration: none; } main { max-width: 800px; margin: 0 auto; padding: 20px; } section { margin: 50px 0; } section h2 { font-size: 36px; margin-bottom: 20px; } section ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction
Related:
See More
Template
Vue Now UI Dashboard PRO
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76