andytheelf.portfolio.github.io/index.html at master · andytheelf/andytheelf.portfolio.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
<!DOCTYPE html>
<html lan="en">
<head>
  <meta charset="UTF-8" />
  <title>Andrea's Portfolio</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="./assets/style.css">

</head>

<body>
<!-- Naviagation-->
 <header>
     <h1>Andrea Ballew: Web Developer</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 Section-->

 <section class="hero">
    <div class="hero-2">

        <h2>Welcome Bienvenida <span>Bienvenue!</span></h2>

   </div>
 </section>

 <!--About me Section-->

 <section id="about-me" class="about-me-1">
   <div class="personal">

       <h3>About Me</h3>

       <p >Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta quasi mollitia ab,
           minima aliquid nisi
           accusantium voluptates sapiente nobis, provident debitis ipsa quo magni eius exercitationem
           quae nostrum et enim? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias, eum dolorem
            recusandae ad aliquid ullam fugit ipsa placeat facilis dolore? Consequatur,
            cupiditate a saepe excepturi ratione consectetur voluptatibus at reiciendis?
        <br />
        <br />
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci quam eveniet reiciendis eius.
             Nulla voluptatum dicta consectetur,
            ullam molestiae iusto quasi sit porro ut neque laudantium aliquam distinctio incidunt voluptate?
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi accusamus, laboriosam placeat et quia dolorem ab?
             Aliquid, quod, aperiam molestiae dolorem iure, impedit tempora doloremque harum quae optio non! Excepturi?
     </p>
     </div>
</section>

<!--Work Section-->

<section id="work">
    <div class="work-grid-wrapper">
        <div class="work-grid-container">
            <div class="project-1"> Adventure's with Code!
                </div>
                <a class="project run-buddy" href="file:///C:/Users/andytheelf/Desktop/Projects/Run-Buddy/index.html" target="_blank">
                <div>
             <h5>Run Buddy</h5>
             <h6>HTML/CSS</h6>
            </div>
        </a>
        <a class="project exmp-2" href="#" target="_blank">
        <div>
             <h5>Adventure</h5>
              <h6>CSS Flexbox</h6>
            </div>
            </a>
            <a class="project exmp-3" href="#" target="_blank">
            <div>
            <h5>Puzzle Player</h5>
          <h6>React/Javascript/CSS</h6>
         </div>
        </a>
        <a class="project exmp-4" href="#" target="_blank">
        <div>
           <h5>Universe</h5>
          <h6>HTML/CSS</h6>
        </div>
       </a>
       <a class="project exmp-5" href="#" target="_blank">
       <div>
        <h5>Cave Crawler</h5>
       <h6>Javascript</h6>
     </div>
     </a>
  </div>
 </div>
</section>


<footer id="contact-me" class="contact-info">
  <div class="contact">
    <div class="title">
    <h3>Contact <br />Me</h3>
  </div>
   <div class="information">
    <a href="#">555-555-5555</a>
    <a href="mailto:someemail@email.com" target="_blank">someemail@email.com</a>
    <a href="https://www.linkedin.com/feed/" target="_blank">LinkedIn</a>
    <a href="https://github.com/andytheelf" target="_blank">GitHub</a>
   </div>
   </div>
 </footer>
</body>
</html>