website_example/index.html at main · tunafish116/website_example · GitHub

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
<html>
    <head>
        <title>Uncle Jack & Sons</title>
        <script>

        </script>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>

        <div class="parent">
            <img src="resources/1.png" width="100%">
            <div class="child">
                <h1>Quality Razors Since 2001</h1>
            </div>
        </div>

        <table id="navBar">
            <col style="width:20%">
            <col style="width:32%">
            <col style="width:48%">
            <tr>
                <td><img src="resources/icon.png"></td>
                <th>
                    <h1>Uncle Jack & Sons</h1>
                </th>
                <td>
                    <ul>
                        <li><a href="index.html" class="active">Home</a></li>
                        <li><a href="email.html">Email Us</a></li>
                        <li><a href="products.html">Products</a></li>
                        <li><a href="questions.html">Questions</a></li>
                    </ul>
                </td>
            </tr>
        </table>


        <table style="width:100%">
            <col style="width:30%">
            <col style="width:40%">
            <col style="width:30%">
            <tr>
                <td colspan="3"><h2>A Place Where Passion Meets Craftsmanship</h2></td>
            </tr>
            <tr>
                <td><img src="resources/3.png" width="90%"></td>
                <td colspan="2"><div style="width: 60%; padding-left: 100px; "><p> <span class="tab"></span><b style="font-size: 50px; line-height: 0.8;">F</b>or over two decades we have been commited to delivering
                     the highest quality safety razors.  Every aspect of our design is chosen because we felt it was the best for the function of shaving.
                    Our new mark II razor is machined with laser cut precision, ensuring your shave is as clean and smooth as possible.</p></div>
                </td>
            </tr>
            <tr>
                <td colspan="3"><h2>Take It From Our Reviews</h2></td>
            </tr>
            <tr>

                <td colspan="2"><div style="width: 65%; padding-left: 100px; "><p> <span class="tab"></span><b style="font-size: 50px; line-height: 0.8;">"I</b>
                bought a Jack & Sons razor five years ago, it still works just as well as it did out of the box: that being, excellently!"<br><br>- Doug P.</p></div></td>
                <td><img src="resources/2.png" width="80%"></td>
            </tr>
            <tr>
                <td><br><br><br><img src="resources/4.png" width="80%"></td>
                <td colspan="2">
                    <div style="width: 65%; padding-left: 100px; "><p> <span class="tab"></span><b style="font-size: 50px; line-height: 0.8;">"I</b>
                never knew how much of a difference a high quality razor could make until I bought the Jack & Sons Mark II"<br><br>- James S.</p></div></td>
            </tr>
            <tr>

                <td colspan="2"><div style="width: 65%; padding-left: 100px; "><p> <span class="tab"></span><b style="font-size: 50px; line-height: 0.8;">"I</b> am satisfied."<br><br>- Chad G.</p></div></td>
                <td><br><br><br><img src="resources/5.webp" width="80%"></td>
            </tr>
        </table>
        <div style="height: 300px;"></div>
        <div style="height: 300px; width: 100%; background-color: #333333;">
            <br>
            <h4 style="color: #bbbbbb; margin: 50px;">Jack & Sons LLC is Registered trademark. Example images and text are manually edited photos from google.com<br>
            We reserve the right to all data collected from cookies on this site. Cookie settings can be manually adjusted in the settings menu.<br>
            If you would like to unsubscribe from our marketing emails <u>please click here.</u><br><br><br>
            <u>Copyright 2024, Tuna Media inc.</u><br><br><br>
            For any questions or inquiries, please contact <u>jackandsonsrazor@gmail.com</u></h5>
        </div>
    </body>

</html>