[go: up one dir, main page]
Scribd
Upload
45 views1 page

Code For Fetch Section

This document defines the structure and content for a web page using HTML and PHP. It includes code to include sidebar navigation, headers, footers and two grids of photos by referencing external PHP files. It also includes JavaScript code to open and close an overlay sidebar menu on smaller screens.

Uploaded by

ravikkota
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
45 views1 page

Code For Fetch Section

This document defines the structure and content for a web page using HTML and PHP. It includes code to include sidebar navigation, headers, footers and two grids of photos by referencing external PHP files. It also includes JavaScript code to open and close an overlay sidebar menu on smaller screens.

Uploaded by

ravikkota
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

1 <!

DOCTYPE html>
2 <html>
3 <title>Doc Mgmt</title>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <link rel="stylesheet" href="css/w3.css">
7 <style>
8 body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
9 </style>
10 <body class="w3-light-grey w3-content" style="max-width:1600px">
11 <!-- Sidebar/menu -->
12 <?php include('php/nav.php'); ?>
13 <!-- Overlay effect when opening sidebar on small screens -->
14 <div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()"
style="cursor:pointer" title="close side menu" id="myOverlay"></div>
15 <!-- !PAGE CONTENT! -->
16 <div class="w3-main" style="margin-left:250px">
17 <!-- Header -->
18 <?php include('php/header.php'); ?>
19
20 <!-- First Photo Grid-->
21 <div class="w3-row-padding">
22 <br/>
23 <?php include('all.php'); ?>
24 </div>
25
26 <!-- Second Photo Grid-->
27 <?php include('php/design.php'); ?>
28
29 <!-- Footer -->
30 <?php include('php/footer.php'); ?>
31
32
33 <!-- End page content -->
34 </div>
35 <script>
36 // Script to open and close sidebar
37 function w3_open() {
38 document.getElementById("mySidebar").style.display = "block";
39 document.getElementById("myOverlay").style.display = "block";
40 }
41
42 function w3_close() {
43 document.getElementById("mySidebar").style.display = "none";
44 document.getElementById("myOverlay").style.display = "none";
45 }
46 </script>
47 </body>
48 </html>

You might also like