austinwiggins.github.io/index.html at master · austinwiggins/austinwiggins.github.io · 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
137
138
139
140
141
142
143
<!DOCTYPE html>
<html>

<head>
  <!--

     / \  \        / \         /  /
    /   \  \      /   \       /  /
   / / \ \  \    /     \     /  /
  /  _ _  \  \  /  / \  \   /  /
 / /     \ \  \/  /   \  \ /  /
<
Interested in hiring me? Contact me by E-mail at austinwigginscpu@gmail.com and I will respond to your request in less than 5 business days.
-->
    <meta charset="utf-8">
<meta name = "keywords" content = "Austin Wiggins, Austin Wiggins Website Development, Website Development, Austin Wiggins Portfolio,
 Austin Wiggins HTML, Austin Wiggins Development, Austin Wiggins Design, Austin Wiggins Website Design, Austin Wiggins Code, Austin Wiggins Coding">
<meta name = "description" content = "I am a Front-End Web Developer located in Colorado. I have an extensive knowledge of many programming languages. Contact me for a free business consultation regarding my services today.">
  <meta name = "author" content = "Austin Wiggins">
  <link rel="shortcut icon" href="http://www.iconsdb.com/icons/preview/navy-blue/letter-a-xxl.png" type="image/x-icon" />


  <title>    Austin Wiggins
  </title>
  <link rel="stylesheet" type ="text/css" href ="stylesheet.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link href="https://fonts.googleapis.com/css?family=Fascinate+Inline" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Krona+One" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
       <script src="https://use.fontawesome.com/508168110d.js"></script>
</head>
<body>
  <div class = "navbar navbar-default navbar-fixed-top" role = "navigation" id = "navbartop">
  <div class = "container">
   <div class = "navbar-header">
     <button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = "#navbarfixed">
       <span class = "sr-only">
       </span>
       <span class = "icon-bar"></span>
       <span class = "icon-bar"></span>
       <span class = "icon-bar"></span>
     </button>
     <div class = "navbar-brand navbarleft"id = "headername">Austin Wiggins</div>
    </div>
    <div class = "collapse navbar-collapse" id = "navbarfixed">
      <ul class = "nav navbar-nav navbar-right" id = "navbarrightcontent">
        <li><a href = "#about" class = "li">About</a></li>
        <li><a href = "#portfolio" class = "li">Portfolio</a></li>
        <li><a href = "#skills" class = "li">Skills</a></li>
        <li><a href = "#contact" class = "li">Contact</a></li>
      </ul>
    </div>
  </div>
</div>
  <section class = "parallax_effect">
    <div class = "parallax_img">
    <div class="firstline">Austin Wiggins</div>
    <div class="firstsubtitle">Front End Web Developer</div>
    <hr class="horizontalrule">
    </div>
    <div align = "center">
  <div id="about">
      <div class = "about_description">Languages & Frameworks</div>
        <span class = "about_item">HTML5</span>
        <span class = "about_item">CSS3</span>
        <span class = "about_item">Bootstrap3 and Bootstrap4</span>
        <span class = "about_item">JQuery</span>
        <span class = "about_item">JavaScript</span>
    <span class = "about_item">Ruby</span>
    <span class = "about_item">Git</span>
        <span class = "about_item">limited PHP</span>
      <br>
        <div class = "about_description">My Specialties</div>
        <span class = "about_item">Websites/Webpages</span>
        <span class = "about_item">Blogs</span>
        <span class = "about_item">Portfolios</span>
        <span class = "about_item">Responsive Design</span>
        <span class = "about_item">Themes</span>
    <span class = "about_item">GitHub</span>
    </div>
  </div>
   <div id="portfolio">
    <div align="center">
      <div id = "portfolio_heading">Portfolio</div>
            <a href="https://codepen.io/bigwigaustin/full/MvKKRQ/" target="_blank"><img src="https://codepen.io/bigwigaustin/pen/MvKKRQ/image/large.png" class="img" alt = "Wikipedia Viewer"></a><br><br><hr>
            <a href="https://codepen.io/bigwigaustin/full/xRJMbb" target = "_blank"><img src = "https://codepen.io/bigwigaustin/pen/xRJMbb/image/large.png" class="img" alt = "Image of a CSS Form"></a><br><br><hr>
            <a href="https://codepen.io/bigwigaustin/full/vZxJeP" target="_blank"><img src="https://codepen.io/bigwigaustin/pen/vZxJeP/image/large.png" class="img" alt = "Local Weather Viewer"></a>
            <br><br>
    </div>
    <br><br>
  </div>
  <div id = "skills">
    <div class = "fourthline">My Skills</div>
    <div align = "center">
    <div class = "skilltitle">CSS</div>
    <div class = "skillcontent">I believe that styling a webpage with CSS is a top priority. I provide custom CSS styling for
    every webpage, customizing every webpage according to your needs. Using CSS styling, effects, and animations, I
      optimize every webpage in every possible way. As a webpage's appearance greatly affects its assessment by visitors, I make sure to
      provide optimal styling for every webpage that I work on. </div>
      <div class = "skilltitle">Bootstrap</div>
      <div class = "skillcontent">Bootstrap is arguably the best language for responsive web design. My Bootstrap services include, but are not limited to, mobile and
        desktop responsive design, responsive image grids, and responsive buttons/dropdowns/menus. As the amount of devices available to
        the public expands, responsive webpages keep growing in importance. This is why I use Bootstrap to optimize every webpage for
        every device.
      </div>
      <div class = "skilltitle">JavaScript and JQuery</div>
      <div class = "skillcontent">JQuery and JavaScript are some of the best languages for both interactive web design and for some great animations.
      With the power of JavaScript and JQuery, great and effective effects can be made. With these languages, the response from viewers to
      a webpage is much more favorable. I use JQuery and JavaScript in many webpages, as they are both crucial and valuable to any
      webpage.</div>
    <div class = "skilltitle">Front-End Development</div>
      <div class= "skillcontent">I understand how important it is to create a lasting visual impact. My Front-End Development services
      are available and customizable to suit whatever your needs may be. With my knowledge of programming languages including HTML,
      CSS, Bootstrap, and JQuery/JavaScript, I can enhance your webpage. Using my experience with these programming languages, I can
      optimize any webpage using animations, effects, styling, and other Front-End Development techniques.</div>
    </div>
    <div class = "paddingbottomline"></div>
  </div>
  <div id="contact">
    <br>
    <div class="thirdline">
      Contact Me<br>
    </div>
    <div class = "contactmeinfo">Are you interested in working with me? Contact me today for a free business consultation.
    I will respond in less than 5 business days.</div>
    <div align="center">
      <br><br>
      <a href="mailto:austinwigginscpu@gmail.com" target="_blank" class="a"><button class="buttontwo"><i class="fa fa-google" aria-hidden="true"></i>        Gmail
      </button></a>
      <br><br>
      <a href = "https://github.com/austinwiggins" target = "_blank" class = "a"><button class = "buttontwo"><i class = "fa fa-github fa-lg" aria-hidden = "true"></i> Github</button></i></br></br>

      <a href="http://codepen.io/bigwigaustin/" target="_blank" class="a"><button class="button">
      <i class="fa fa-codepen fa-lg"></i>     Codepen
      </button></a>
      <br><br>
      </div><br><br><br><br><br><br><br><br>
  </div>
  <footer class="portfoliofooter"><br>Austin Wiggins Copyright &copy 2016-2018.<br> <span class="footeremail"><a href = "mailto:austinwigginscpu@gmail.com" target = "_blank" class = "footeremaillink">austinwigginscpu@gmail.com</a></span><br>
    <span class = "bottomfooter">Programmed and Written by Austin Wiggins</span><br><br>
  </footer>