Skip to content

Commit

Permalink
Update search_image.html
Browse files Browse the repository at this point in the history
  • Loading branch information
Ekaterina-Vititneva committed Oct 1, 2024
1 parent cffdc50 commit 589757e
Showing 1 changed file with 39 additions and 27 deletions.
66 changes: 39 additions & 27 deletions project_0/search/search_image.html
Original file line number Diff line number Diff line change
@@ -1,31 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Search</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<div class="page">
<div class="container-top-right">
<a class="link" href="index.html">Google Search</a>
</div>
<div class="container-center">
<img class="logo" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="Google logo">
<form id="search-form" action="https://google.com/search" class="form-stacked">
<div class="search-container">
<span class="material-symbols-outlined search-icon">search</span>
<input type="text" name="q" class="search-bar" autofocus>
</div>
<div>
<input type="submit" value="Image Search" class="button">
<input type="hidden" id="custId" name="tbm" value="isch=">
</div>
</form>
</div>
</div>
<!--
<head>
<title>Search</title>
<link rel="stylesheet" href="styles.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>
</head>
<body>
<div class="page">
<div class="container-top-right">
<a class="link" href="index.html">Google Search</a>
</div>
<div class="container-center">
<img
class="logo"
src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"
alt="Google logo"
/>
<form id="search-form" action="https://www.google.com/search" class="form-stacked">
<div class="search-container">
<span class="material-symbols-outlined search-icon">search</span>
<input type="text" name="q" class="search-bar" autofocus />
</div>
<div>
<input type="submit" value="Image Search" class="button" />
<input type="hidden" name="tbm" value="isch" />
</div>
</form>
</div>
</div>
<!--
<script>
document.getElementById('search-form').addEventListener('submit', function(event) {
event.preventDefault();
Expand All @@ -34,5 +46,5 @@
window.location.href = url;
});
</script>-->
</body>
</body>
</html>

0 comments on commit 589757e

Please sign in to comment.