Portfolio/index.html at main · TravisAlston/Portfolio · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href= "./assets/css/style.css" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Travis Alston</title>
</head>
<body>
    <!--header section-->
<header>
    <h1>Travis Alston</h1>
        <nav>
            <ul>
                <li>
                    <a href= "#About-Me">About Me</a>
                </li>
                <li>
                    <a href= "#Work">Work</a>
                </li>
                <li>
                    <a href= "#Contact-Me">Contact Me</a>
                </li>
            </ul>
        </nav>
</header>
<!--hero/jumbotron-->
<section class='hero hero-image'>
    <h2>Fullstack Web Developer</h2>
</section>
<!--About Me section-->
<section id= "About-Me" class= 'about-me'>
    <h2 class='section-title primary-border'>About Me</h2>
    <img src="./assets/images/Profile.JPG" />
    <div class='bio-text'>
        <p>
            My start in the field of Web Development began with my work with FamilySearch international. As an Indexing Operations Specialist one of the many tasks assigned to me was to insure that any written instructions provided for our website users was coded appropriatly in HTML script. I was able to work on cross-functional teams that addressed issues and developed new tools for our writers and developers to use when creating content on the FamilySearch website, and helped insure that these tools had proper backing in HTML.
            Once I transitioned away from my position with FamilySearch it only became more clear to me how important a strong basis and knowlege of programing was. I decided to persue web development full time, and inrolled in the University of Utah's coding bootcamp to become a certified Full Stack Web Developer.
        </p>
    </div>
</section>
<!--Work Section-->
<section id= "Work" class='work'>
        <h2 class='section-title primary-border'>Work</h2>
    <div class='all-projects'>
        <div class='lead-project'>
            <a href= "https://uofu-plant-daddy.herokuapp.com">
            <div class= 'flex-column'>
                <h2>Plant Daddy</h2>
                <h4>Fullstack</h4>
            </div>
        </div></a>
        <div  class='project'>
            <a href= "https://travisalston.github.io/run-buddy/">
            <!--other program 1 image here-->
            <div class= "flex-column">
            <h4>Run Buddy</h4>
                <h6>HTML/CSS</h6>
            </div>
        </div>
        <div class='project'>
            <a href= "https://rm-evans.github.io/Virtual-Museum/">
            <div class= "flex-column">
                <h4>Virtual Museum</h4>
                    <h6>JavaScript/API</h6>
            </div>
        </div>
        <div class= 'project'>
            <!--other program 3 image here-->
            <div class= "flex-column">
                <h4>Other Project</h4>
                    <h6>Type of Coding Project</h6>
            </div>
        </div>
        <div class='project'>
            <!--other program 4 image here-->
            <div class= "flex-column">
                <h4>Other Project</h4>
                    <h6>Type of Coding Project</h6>
            </div>
        </div>
    </div>
</section>
<footer id= "Contact-Me">
    <h1>Contact Me</h1>
    <div class='contact-info'>
        <ul>
            <li>801-835-3282
            </li>
            <li>
                <a href="mailto:alstontravis6@gmail.com">alstontravis6@gmail.com</a>
            </li>
            <li>
                <a href= "https://www.linkedin.com/in/travis-alston">LinkedIn</a>
            </li>
            <li>
                <a href= "https://github.com/TravisAlston">GitHub</a>
            </li>
        </ul>
    </div>
</footer>
</body>
</html>