|
1 | 1 | <div class="container inner tp0">
|
2 |
| - <div class="box"> |
3 |
| - <div class="slider-pro portfolio-slider"> |
4 |
| - <div class="sp-slides"> |
5 |
| - <div class="sp-slide"> <img class="sp-image" src="style/images/art/pp1-1.jpg" alt="" /> |
6 |
| - <h4 class="sp-layer sp-overlay sp-padding" |
7 |
| - data-position="leftBottom" data-horizontal="40" data-vertical="92" |
8 |
| - data-show-transition="right" data-show-delay="500" > Pellentesque ornare sem lacinia </h4> |
9 |
| - <p class="sp-layer sp-overlay sp-padding" |
10 |
| - data-position="leftBottom" data-horizontal="40" data-vertical="40" |
11 |
| - data-show-transition="left" data-show-delay="700"> Aenean eu leo quam consectetur urna mollis </p> |
12 |
| - </div> |
13 |
| - <div class="sp-slide"> <img class="sp-image" src="style/images/art/pp1-2.jpg" alt="" /> </div> |
14 |
| - <div class="sp-slide"> <img class="sp-image" src="style/images/art/pp1-3.jpg" alt="" /> |
15 |
| - <h4 class="sp-layer sp-overlay sp-padding" |
16 |
| - data-position="bottomRight" data-horizontal="40" data-vertical="92" |
17 |
| - data-show-transition="down" data-show-delay="500" data-hide-transition="up"> Curabitur blandit tempus porttitor </h4> |
18 |
| - <p class="sp-layer sp-overlay sp-padding" |
19 |
| - data-position="bottomRight" data-horizontal="40" data-vertical="40" |
20 |
| - data-show-transition="up" data-show-delay="500" data-hide-transition="down"> Duis mollis est non commodo luctus nisi erat </p> |
21 |
| - </div> |
22 |
| - <div class="sp-slide"> <img class="sp-image" src="style/images/art/pp1-4.jpg" alt="" /> |
23 |
| - <h4 class="sp-layer sp-overlay sp-padding" |
24 |
| - data-position="topLeft" data-horizontal="40" data-vertical="40" |
25 |
| - data-show-transition="down" data-show-delay="500" data-hide-transition="up"> Ligula eget lacinia odio sem nec elit </h4> |
26 |
| - <p class="sp-layer sp-overlay sp-padding" |
27 |
| - data-position="topLeft" data-horizontal="40" data-vertical="92" |
28 |
| - data-show-transition="up" data-show-delay="500" data-hide-transition="down"> Donec ullamcorper nulla non metus auctor fringilla </p> |
29 |
| - </div> |
30 |
| - </div> |
31 |
| - <!-- /.sp-slides --> |
32 |
| - <div class="sp-thumbnails"> |
33 |
| - <img class="sp-thumbnail" src="style/images/art/pp1-th1.jpg" alt="" /> |
34 |
| - <img class="sp-thumbnail" src="style/images/art/pp1-th2.jpg" alt="" /> |
35 |
| - <img class="sp-thumbnail" src="style/images/art/pp1-th3.jpg" alt="" /> |
36 |
| - <img class="sp-thumbnail" src="style/images/art/pp1-th4.jpg" alt="" /> |
| 2 | + <div class="box"> |
| 3 | + <!--<div class="slider-pro portfolio-slider"> |
| 4 | + <div class="sp-slides"> |
| 5 | + <div class="sp-slide"> <img class="sp-image" src="style/images/art/audreywardrobe.jpg" alt="" /> |
| 6 | + <h4 class="sp-layer sp-overlay sp-padding" |
| 7 | + data-position="leftBottom" data-horizontal="40" data-vertical="92" |
| 8 | + data-show-transition="right" data-show-delay="500" > Pellentesque ornare sem lacinia </h4> |
| 9 | + <p class="sp-layer sp-overlay sp-padding" |
| 10 | + data-position="leftBottom" data-horizontal="40" data-vertical="40" |
| 11 | + data-show-transition="left" data-show-delay="700"> Aenean eu leo quam consectetur urna mollis </p> |
| 12 | + </div> |
| 13 | + <div class="sp-slide"> <img class="sp-image" src="style/images/art/pp1-2.jpg" alt="" /> </div> |
| 14 | + <div class="sp-slide"> <img class="sp-image" src="style/images/art/pp1-3.jpg" alt="" /> |
| 15 | + <h4 class="sp-layer sp-overlay sp-padding" |
| 16 | + data-position="bottomRight" data-horizontal="40" data-vertical="92" |
| 17 | + data-show-transition="down" data-show-delay="500" data-hide-transition="up"> Curabitur blandit tempus porttitor </h4> |
| 18 | + <p class="sp-layer sp-overlay sp-padding" |
| 19 | + data-position="bottomRight" data-horizontal="40" data-vertical="40" |
| 20 | + data-show-transition="up" data-show-delay="500" data-hide-transition="down"> Duis mollis est non commodo luctus nisi erat </p> |
| 21 | + </div> |
| 22 | + <div class="sp-slide"> <img class="sp-image" src="style/images/art/pp1-4.jpg" alt="" /> |
| 23 | + <h4 class="sp-layer sp-overlay sp-padding" |
| 24 | + data-position="topLeft" data-horizontal="40" data-vertical="40" |
| 25 | + data-show-transition="down" data-show-delay="500" data-hide-transition="up"> Ligula eget lacinia odio sem nec elit </h4> |
| 26 | + <p class="sp-layer sp-overlay sp-padding" |
| 27 | + data-position="topLeft" data-horizontal="40" data-vertical="92" |
| 28 | + data-show-transition="up" data-show-delay="500" data-hide-transition="down"> Donec ullamcorper nulla non metus auctor fringilla </p> |
| 29 | + </div> |
| 30 | + </div>--> |
| 31 | + <!-- /.sp-slides --> |
| 32 | + |
| 33 | + <h1 class="post-title text-center">Project Details</h1> |
| 34 | + <p>The Wardrobe Project is an Audrey Hepburn themed database-first web application. The app allows you to add, edit, view, and delete articles of clothing in the wardrobe. The app includes clothing within the following five categories: Tops, Bottoms, Shoes, Accessories, and Dresses.</p> |
| 35 | + <p></p> |
| 36 | + <p><b>SKILLS USED:</b> Visual Studio MVC, MSSQL Server, C#, Razor, LINQ, Bootstrap, HTML, CSS, JavaScript</p> |
| 37 | + <div class="divide10"></div> |
| 38 | + <a href="https://github.com/rlsizer/WardrobeMVC" target="_blank" class="btn">Check out the code!</a> |
| 39 | + |
| 40 | + </div> |
| 41 | + <div class="divide50"></div> |
| 42 | + |
| 43 | + <div class="thumbnail"> |
| 44 | + <img class="thumbnail" src="style/images/art/audreywardrobe.jpg" alt="Audrey Hepburn Wardrobe Project" /> |
| 45 | + <img class="thumbnail" src="style/images/art/wardrobediagram.jpg" alt="Wardrobe Database Diagram" /> |
| 46 | + <!--<img class="sp-thumbnail" src="style/images/art/pp1-th3.jpg" alt="" /> |
| 47 | + <img class="sp-thumbnail" src="style/images/art/pp1-th4.jpg" alt="" />--> |
37 | 48 | </div>
|
38 | 49 | <!-- /.sp-thumbnails -->
|
39 | 50 | </div>
|
40 | 51 | <!-- /.slider-pro -->
|
41 | 52 |
|
42 |
| - <div class="divide50"></div> |
43 |
| - |
44 |
| - <h1 class="post-title">Project Details</h1> |
45 |
| - <p>Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> |
46 |
| - <div class="divide10"></div> |
47 |
| - <a href="#" class="btn">More Info</a> |
48 | 53 |
|
49 |
| - </div> |
50 | 54 | <!-- /.box -->
|
51 | 55 | </div>
|
52 | 56 | <!-- /.container -->
|
|
0 commit comments