Skip to content

Commit 2d11eac

Browse files
GoldteanGoldtean
committed
Content inside
1 parent 37b86fe commit 2d11eac

13 files changed

+157
-46
lines changed

‎IMG_0425.JPG

317 KB
Loading

‎IMG_0428.JPG

141 KB
Loading

‎IMG_8199.JPG

140 KB
Loading

‎css/custom.css

+41-8
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/** {
22
border: 1px dashed red;
3-
}
4-
*/
3+
}*/
4+
55
/*.navbar {
66
border: 2px solid;
77
margin-right: 9%;
@@ -16,10 +16,39 @@
1616
}
1717
*/
1818

19-
#myModal1 {
20-
left: 50%;
21-
outline: none;
22-
background-color: white;
19+
/*.bottom-navi {
20+
position: fixed;
21+
bottom: 100px;
22+
23+
}*/
24+
25+
#the-goods {
26+
margin-top: 25%;
27+
display: none;
28+
}
29+
30+
#gimmie-the-goods {
31+
margin-top: 25%;
32+
display: none;
33+
}
34+
35+
#who-makes-this-stuff {
36+
margin-top: 10%;
37+
display: none;
38+
vertical-align: middle;
39+
}
40+
41+
#have-a-gander {
42+
margin-top: 7%;
43+
display: none;
44+
}
45+
46+
/*@media only screen and (max-width: 500px) {
47+
* {font-size: 80px;}
48+
}*/
49+
50+
* {
51+
font-size: 20px;
2352
}
2453

2554
ul {
@@ -31,26 +60,30 @@ ul {
3160
text-decoration: none;
3261
}
3362

34-
.rocco-menu {
63+
/*.rocco-menu {
3564
margin-top: 50%;
36-
}
65+
}*/
3766

3867
a {
68+
font-weight: bold;
3969
color: black;
4070
text-decoration: none;
4171

4272
}
4373

4474
a:visited {
75+
font-weight: bold;
4576
text-decoration: none;
4677
}
4778

4879
a:hover {
80+
font-weight: bold;
4981
color: gray;
5082
text-decoration: none;
5183
}
5284

5385
a:active {
86+
font-weight: bold;
5487
text-decoration: none;
5588
}
5689

‎ico/patch.ico

4.19 KB
Binary file not shown.

‎img/jo.jpg

48.8 KB
Loading

‎img/js.jpg

37.9 KB
Loading

‎img/mo.jpg

58.7 KB
Loading

‎img/ro.jpg

54.5 KB
Loading

‎index.html

+78-34
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,36 @@
66
<meta http-equiv="X-UA-Compatible" content="IE=edge">
77
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<meta name="description" content="Rocco Wear scarves blankets hats hand made in Canada">
9-
<meta name="author" content="Ieronim Oltean">
9+
<meta name="Ieronim Oltean IMMIGRANT Wed Development" content="Rocco Wear">
10+
<!-- R Icon -->
11+
<link rel="shortcut icon" href="ico/patch.ico">
1012

1113
<title>Rocco Wear</title>
1214

1315
<!-- Bootstrap Core CSS -->
1416
<link href="css/bootstrap.min.css" rel="stylesheet">
1517
<link href="css/custom.css" rel="stylesheet">
18+
<script src="https://use.fontawesome.com/8f0e417f7a.js"></script>
19+
1620
</head>
1721
<body>
18-
22+
<script>
23+
window.fbAsyncInit = function() {
24+
FB.init({
25+
appId : '172532579816613',
26+
xfbml : true,
27+
version : 'v2.6'
28+
});
29+
};
30+
31+
(function(d, s, id){
32+
var js, fjs = d.getElementsByTagName(s)[0];
33+
if (d.getElementById(id)) {return;}
34+
js = d.createElement(s); js.id = id;
35+
js.src = "//connect.facebook.net/en_US/sdk.js";
36+
fjs.parentNode.insertBefore(js, fjs);
37+
}(document, 'script', 'facebook-jssdk'));
38+
</script>
1939
<!-- <nav class="navbar">
2040
<div class="container">
2141
<div class="navbar-header">
@@ -39,52 +59,76 @@
3959

4060
<div class="container">
4161
<div class="row">
62+
<div class="bottom-navi col-md-12 col-lg-12 text-center links">
63+
<a id="tg" href="#">THE GOODS</a><span> | </span>
64+
<a id="gtg" href="#">GIMMIE THE GOODS!</a><span> | </span>
65+
<a id="wmts" href="#">WHO MAKES THIS STUFF?</a><span> | </span>
66+
<a id="hag" href="#">HAVE A GANDER</a>
67+
</div>
68+
</div>
4269

70+
<div class="row">
71+
<!-- Logo -->
4372
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><a data-toggle="modal" href="#myModal1" class="btn"><img class="img-responsive" src="img/rwlogo.png"></a></div>
44-
<!-- Button trigger modal -->
45-
46-
47-
<!-- Modal -->
48-
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
49-
<div class="modal-dialog">
50-
<div class="modal-content">
51-
52-
<div class="modal-body">
53-
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
54-
<ul>
55-
<li><a href="#">THE GOODS</a></li>
56-
<li><a href="#">GIMMIE THE GOODS!</a></li>
57-
<li><a href="#">WHO MAKES THIS STUFF?</a></li>
58-
<li><a href="#">HAVE A GANDER</a></li>
59-
</ul>
6073

74+
<!-- Content -->
75+
<div id="stuff" class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
76+
<div id="the-goods" class="content text-center">
77+
<p>Rocco Wear sells thick, comfy scarves, blankets, and hats. Our products can be purchased at <a href="https://www.etsy.com/ca/shop/RoccoWear?ref=pr_shop_more#items">Etsy.</a></p>
78+
<br>
79+
<br>
80+
<br>
81+
<button href="https://www.etsy.com/ca/shop/RoccoWear?ref=pr_shop_more#items" class="btn btn-default"><i class="fa fa-shopping-bag"></i> | Shop Rocco Wear</button>
6182
</div>
62-
</div><!-- /.modal-content -->
63-
</div><!-- /.modal-dialog -->
64-
</div><!-- /.modal -->
65-
66-
6783

84+
<div id="gimmie-the-goods" class="content text-center">
85+
<p>Get a hold of me!</p>
86+
<button href="tel://1-778-321-7699" class="btn btn-lg btn-default"><i class="fa fa-volume-control-phone"></i> | 778-321-7699</button>
87+
<button href="" class="btn btn-lg btn-default"><i class="fa fa-envelope"></i> | Email</button>
88+
<button href="https://www.facebook.com/Rocco-Wear-183259421721047/" class="btn btn-lg btn-default"><i class="fa fa-facebook"></i> | Facebook</button>
89+
<button href="https://www.etsy.com/ca/shop/RoccoWear?ref=pr_shop_more#items" class="btn btn-lg btn-default"><i class="fa fa-shopping-bag"></i> | Shop Rocco Wear</button>
90+
</div>
6891

92+
<div id="who-makes-this-stuff" class="content text-center">
93+
<div class="row">
94+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
95+
<img class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4" src="img/ro.jpg" class="img-responsive img-circle img-custom" alt="">
96+
<p class="col-md-6"><b>ROXANA OLTEAN</b><br>
97+
Founder & CEO<br>
98+
Hates Pants</p>
99+
</div>
100+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
101+
<img class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4" src="img/mo.jpg" class="img-responsive img-circle img-custom" alt="">
102+
<p class="col-md-6"><b>MARIANA OLTEAN</b><br>
103+
Designer<br>
104+
Michael Bolton Fan</p>
105+
</div>
106+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
107+
<img class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4" src="img/js.jpg" class="img-responsive img-circle img-custom" alt="">
108+
<p class="col-md-6"><b>JOEL SHANE</b><br>
109+
Graphic Designer<br>
110+
Loves To Make Art</p>
111+
</div>
112+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
113+
<img class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4" src="img/jo.jpg" class="img-responsive img-circle img-custom" alt="">
114+
<p class="col-md-6"><b>JEREMY OLTEAN</b><br>
115+
Made This Site<br>
116+
Pre Ordered A Tesla</p>
117+
</div>
118+
</div>
119+
</div>
69120

70-
<div>
71-
<div class="btn-group">
72-
<button type="button" class="btn btn-default dropdown-toggle rocco-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
73-
Rocco Menu <span class="caret"></span>
74-
</button>
75-
<ul class="dropdown-menu">
76-
<li><a href="#">THE GOODS</a></li>
77-
<li><a href="#">GIMMIE THE GOODS!</a></li>
78-
<li><a href="#">WHO MAKES THIS STUFF?</a></li>
79-
<li><a href="#">HAVE A GANDER</a></li>
80-
</ul>
121+
<div id="have-a-gander" class="content text-center">
122+
<!-- Script -->
81123
</div>
124+
82125
</div>
83126

84127
</div>
85128

86129
</div>
87130

131+
88132
<!-- jQuery -->
89133
<script src="js/jquery.js"></script>
90134
<!-- Bootstrap Core JavaScript -->

‎js/immigrant.js

+38-4
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,39 @@
11
$(document).ready(function () {
2-
$(".links").on("click", "a", function () {
3-
$('.navbar-collapse#bs-example-navbar-collapse-1').collapse('hide');
4-
});
5-
});
2+
$('.links').on('click', '#tg', theGoods);
3+
$('.links').on('click', '#gtg', gimmieTheGoods);
4+
$('.links').on('click', '#wmts', whoMakesThisStuff);
5+
$('.links').on('click', '#hag', haveAGander);
6+
});
7+
8+
var theGoods = function(event) {
9+
event.preventDefault();
10+
$(".content").hide();
11+
$("#the-goods").show();
12+
}
13+
14+
var gimmieTheGoods = function(event) {
15+
event.preventDefault();
16+
$(".content").hide();
17+
$("#gimmie-the-goods").show();
18+
}
19+
20+
var whoMakesThisStuff = function(event) {
21+
event.preventDefault();
22+
$(".content").hide();
23+
$("#who-makes-this-stuff").show();
24+
}
25+
26+
var haveAGander = function(event) {
27+
event.preventDefault();
28+
$(".content").hide();
29+
$('#gander-pic').remove();
30+
$("#have-a-gander").append(getRandom());
31+
$("#have-a-gander").show();
32+
}
33+
34+
var getRandom = function () {
35+
var num = Math.floor((Math.random() * 26) + 1);
36+
var imgTag = '<img src="wireframe/RoccoLogoPhotoBook' + num + '.jpg" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 img-responsive" id="gander-pic">';
37+
return imgTag;
38+
}
39+

‎roccowear.png

48.1 KB
Loading

‎wireframe/RoccoLogoPhotoBook.jpg ‎wireframe/RoccoLogoPhotoBook1.jpg

File renamed without changes.

0 commit comments

Comments
 (0)