You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<imgsrc="images/responsive-layout-profile.png" alt="A cartoon portrait of a person." class="img">
31
-
<p>Hi! I'm a front-end developer who loves responsive design and css. I recently finished a degree in front-end web development at Treehouse and am excited to put all my skills to use!</p>
32
-
</header>
33
-
34
-
<!--Main Content Area-->
35
-
<main>
36
-
<sectionid="portfolio">
37
-
38
-
39
-
</section>
40
-
41
-
42
-
</main>
43
-
44
-
45
-
<!--Contact-->
46
-
<sectionid="contact">
47
-
<p>If you're interested in chatting or want more information about what I've been working on, I'd love to hear from you!</p>
48
-
<p>Phone +1 (111) 555-1234</p>
49
-
<p>Email email@yoursite.com</p>
50
-
</section>
51
-
15
+
<!-- HEADER/MAIN NAV-->
16
+
17
+
<headerid="top" class="main-header">
18
+
<divclass="container">
19
+
<h1class="name" href="#">Bee Crouch</h1>
20
+
<nav>
21
+
<ulclass="main-nav">
22
+
<li><ahref="#">Home</a></li>
23
+
<li><ahref="#portfolio">Portfolio</a></li>
24
+
<li><ahref="#contact">Contact</a></li>
25
+
26
+
</ul>
27
+
</nav>
28
+
</div>
29
+
</header>
30
+
31
+
<!--PAGE CONTENT-->
32
+
<divclass="container">
33
+
<main>
34
+
<!-- Intro Top of Page-->
35
+
<sectionid="intro">
36
+
<imgsrc="images/responsive-layout-profile.png" alt="A cartoon portrait of a person." class="intro-img">
37
+
<p>Hi! I'm a front-end developer who loves responsive design and css. I recently finished a degree in front-end web development at Treehouse and am excited to put all my skills to use!</p>
38
+
</section>
39
+
40
+
<!-- All the Portfolio Goodness-->
41
+
<sectionid="portfolio">
42
+
<h2>Portfolio</h2>
43
+
<div>
44
+
45
+
<imgsrc="images/portfolio-1.png">
46
+
<headline>Marketing Page</headline>
47
+
<p>This project shows the front page of a marketing website meant for a specific business I'm interested in.</p>
48
+
49
+
<imgsrc="images/portfolio-2.png">
50
+
<headline>Search Page</headline>
51
+
<p>This project searches through a specific database to find information that the user is trying to look up.</p>
52
+
53
+
<imgsrc="images/portfolio-3.png">
54
+
<headline>Travel App</headline>
55
+
<p>This project compares travel times based on different transportation methods and tells you the best one.</p>
56
+
57
+
<imgsrc="images/portfolio-4.png">
58
+
<headline>Map of Favorite Spots</headline>
59
+
<p>This project uses mapping apis to plot points for my favorite spots in the city for a do-it yourself walking tour.</p>
60
+
61
+
<imgsrc="images/portfolio-5.png">
62
+
<headline>Photo Gallery</headline>
63
+
<p>This project shows pictures from a recent trip to the view and allows them to easily navigate through photos.</p>
64
+
65
+
<imgsrc="images/portfolio-6.png">
66
+
<headline>Calculator</headline>
67
+
<p>Someone can enter in the numbers they want, and press the big blue button and get the result.</p>
68
+
69
+
</div>
70
+
71
+
</section>
72
+
73
+
<!--Contact-->
74
+
<sectionid="contact">
75
+
<h2>Contact</h2>
76
+
<p>If you're interested in chatting or want more information about what I've been working on, I'd love to hear from you!</p>
0 commit comments