BioSite/index.html at master · Butlertm6511/BioSite · 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
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
<!DOCTYPE html >
<html lang="en">


<head>
        <title>bioSite</title>


        <!-- link to CSS and Google Fonts-->

        <link rel="stylesheet" type="text/css"  href="style.css">

        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Source+Sans+Pro:ital,wght@0,300;0,400;1,600&display=swap" rel="stylesheet">

</head>

    <body id="body">


         <!--Logo and List to links to different pages on the site Email button with link to email with subject and body for message-->


         <header>
            <nav class="nav1">
                <ul>
                    <li class="'logo"><a href="index.html"><img src="images/logo.png" alt="blue circle with green and gray square. Letters JB"></a></li>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="about.html">About Me</a></li>
                    <li><a href="hobbies.html">Hobbies</a></li>
                    <li class="button"><a href="mailto:butlertm1165@gmail.com?subject=Thanks%20for%20visiting%20my%20BioSite!!!">Email Me</a></li>

                 </ul>
            </nav>

     </header>


        <section class="intro">

            <div class="text1">
                <h2>Hello I am </h2>
                <h1>Jeremiah Butler</h1>
                <p>Through Deep Work, I Teach Computers How to Learn  With Deep Learning</p>
                <div class="email">
                    <a href="mailto:butlertm1165@gmail.com?subject=Thanks%20for%20visiting%20my%20BioSite!!!">Email Me</a>
                </div>

            </div>


            <figure >
                <img src="images/jerry1.png" class="img1" alt="Picture of Jerry with green background">
                <figcaption>Jerry with green back ground</figcaption>
            </figure>

        </section>


        <div class="about">


            <div class="column">
                <figure>
                    <img src="images/tw200_.jpg" alt="Picture of Yamaha TW 200 motorcycle">
                    <figcaption>Yamaha TW 200</figcaption>
                </figure>
            </div>
            <div class="column">
                <figure>
                    <img src="images/hawaii.jpg" alt="Picture of Jeremiah at the beach">
                    <figcaption> Beach in Hawaii</figcaption>
                </figure>

            </div>
            <div class="column">
                <figure>
                 <img src="images/Salad.jpg" alt="Picture of colorful salad">
                    <figcaption>Creating New Healthy Foods </figcaption>
                </figure>
            </div>
        </div>


        <section>
            <div class="contact">
                <h2>Get in Touch</h2>
            </div>
            <figure>
                <img src="images/data.jpg"  alt="picture of glass in front of computer with data on screen">
                   <figcaption>This is where you can find me on linkedin </figcaption>
               </figure>


        </section>

         <footer>

            <div class="footerNav">
                <ul>
                    <li><a href= "hobbies.html">Hobbies </a></li>
                    <li><a href= "about.html">About </a></li>
                    <li><a href= "index.html" >Home </a></li>
                    <li><a href= "https://www.linkedin.com/in/jeremiah-butler-3a00aa86/" class="linkedin" >Linkedin</a></li>
                </ul>

            </div>


    </footer>


    </body>
</html>