-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (115 loc) · 7.6 KB
/
index.html
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
<html>
<head>
<title>30 Days 30 Sites</title>
<link href="socialmedia.css" rel="stylesheet">
<link href="index.css" rel="stylesheet">
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- SOCIAL MEDIA FORMAT STYLE -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Optional theme BOOTSTRAP -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>
<body class="body" id="index">
<header>
<div class="row">
<div class="col-md-12">
<h1>30 Days 30 Sites</h1>
<h2>Building 30 sites in 30 days.</h2>
<p>In order to get better a designing web site, it is nesassary to create websites. By doing so, I can become a better developer. I am finding and learning new elements to implement with each site.</p>
</div>
<div class="row">
<div class="col-md-6">
<a class="btn" href="sites.html" role="button">For a complete list of all sites</a>
</div>
</div>
</div>
</header>
<div class="row border equal">
<div class="col-md-6 col-sm-6 box-1 img-responsive">
<div>
<h3> Day 1: Portfolio</h3>
<div class="row">
<div class="col-md-6">
<a href="https://j14chambers.github.io/Portfolio/index.html"><img src="images/Screenshot-2018-3-29 Portfolio.png"></a>
</div>
<div class="col-md-6">
<a href="https://j14chambers.github.io/Portfolio/index.html"><img src="images/Screenshot-2018-3-30 Jessica Chambers- Web Dev.png"></a>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
<div class="col-md-3 col-sm-6 box-1 img-responsive">
<div>
<h3> Day 2: Event Invitation</h3>
<a href="/Inivitation/invitations1.html"><img src="images/Screenshot-2018-5-16 Event Invitation.png"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
<div class="col-md-3 col-sm-6 box-1 img-responsive">
<div>
<h3> Day 3: Tourist Attraction</h3>
<a href="/Tourist Attraction/tourist.html"><img src="images/Screenshot-2018-5-16 Yellowstone National Park.png"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
</div>
<div class="row border equal">
<div class="col-md-3 col-sm-6 box-1 img-responsive">
<div>
<h3> Day 5: Product Site</h3>
<a href="/Product Site/product.html"><img src="images/Screenshot-2018-3-6 HP Spectre x360.png"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
<div class="col-md-3 col-sm-6 box-1 img-responsive">
<div>
<h3> Day 6: Book/Author</h3>
<a href="/Author_Book/book.html"><img src="images/Screenshot-2018-3-6 Branded by Keary Talyor.png"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
<div class="col-md-3 col-sm-6 box-1 img-responsive">
<div>
<h3> Day 7: Movie/Trailer</h3>
<a href="Movie_Trailer/ironman.html"><img src="images/Screenshot-2018-3-5 Iron Man.png"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
<div class="col-md-3 col-sm-6 box-1 img-responsive">
<div>
<h3> Day 16: Charitable Organization</h3>
<a href="charitableorganization/chariableorganization.html"><img src="images/Screenshot-2018-5-16 Charitable Oraganization.png"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
</div>
<footer class="box-3">
<div class="col-md-offset-4 col-md-8">
<h4 style="padding-bottom: 5px;">STAY CONNECTED WITH ME</h4>
<!--Facebook-->
<a href="https://www.facebook.com/jay14chambers" class="icons-sm fb-ic"><i class="fa fa-facebook"> </i></a>
<!--Twitter-->
<a href="https://twitter.com/jmspaceblog" class="icons-sm tw-ic"><i class="fa fa-twitter"> </i></a>
<!--Google +-->
<a href="https://plus.google.com/u/0/113846394506215580994" class="icons-sm gplus-ic"><i class="fa fa-google-plus"> </i></a>
<!--Linkedin-->
<a href="https://linkedin.com/in/jessica-m-chambers" class="icons-sm li-ic"><i class="fa fa-linkedin"> </i></a>
<!--Instagram-->
<a href="https://instagram.com/jmspaceblog" class="icons-sm ins-ic"><i class="fa fa-instagram"> </i></a>
<!--Github-->
<a href="https://github.com/j14chambers" class="icons-sm git-ic"><i class="fa fa-github"> </i></a>
</div>
<div class="row" style="clear: both">
<div class="col-md-12">
<p>© 2017 This webpage was created by Jessica Chambers as part of 30 Days 30 Sites. All images and content belong to their rightful owner.</p>
</div>
</div>
</footer>
</body>
</html>