Skip to content

Commit e985527

Browse files
MuLx10MuLx10
committed
Layout
1 parent a82e2f5 commit e985527

File tree

3 files changed

+69
-43
lines changed

3 files changed

+69
-43
lines changed

‎css/style.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ body {
88
margin: 0;
99
padding: 0;
1010
font-family: 'Montserrat';
11+
width:100%;
1112
}
1213
i {
1314
color: #fff;

‎css/web_projects.css

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,3 @@
1-
body {
2-
margin: 0;
3-
padding: 0;
4-
font-family: 'Montserrat';
5-
overflow-x: hidden;
6-
}
71
a {
82
-webkit-transition: .25s all;
93
transition: .25s all;
@@ -39,7 +33,6 @@ a {
3933
.frame {
4034
width: 800px;
4135
height: 600px;
42-
border: 0;
4336
-ms-transform: scale(0.25);
4437
-moz-transform: scale(0.25);
4538
-o-transform: scale(0.25);
@@ -52,8 +45,9 @@ a {
5245
-webkit-transform-origin: 0 0;
5346
transform-origin: 0 0;
5447
margin-bottom:-450px;
48+
margin-right:-500px;
5549
background-color: #ddd;
5650
}
5751
@media screen and (-webkit-min-device-pixel-ratio:0) {
58-
.frame { zoom: 1; }
52+
.frame { zoom: 1; }
5953
}

‎web_projects/index.html

Lines changed: 66 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,30 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<title>Web Projects</title>
4+
<meta charset="UTF-8">
5+
<title>Mehul Kumar Nirala</title>
6+
<meta charset="utf-8">
67
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7-
<link rel="shortcut icon" href="https://img.icons8.com/color/48/000000/star.png" type="image/x-icon"/>
8+
<link rel="shortcut icon" href="https://img.icons8.com/color/48/000000/hearts.png" type="image/x-icon"/>
9+
10+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
811
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Indie+Flower'>
912
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'>
1013
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
1114
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
12-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
13-
<link rel="stylesheet" href='../css/web_projects.css'>
15+
1416
<link rel="stylesheet" href="../css/style.css">
17+
<link rel="stylesheet" href="../css/web_projects.css">
18+
<link rel="stylesheet" href="../css/animate.css">
19+
<link rel="stylesheet" href="../css/flexslider.css">
1520
<link rel="stylesheet" href="../css/services.css">
21+
22+
1623
</head>
24+
1725
<body>
18-
<div class="header">
26+
27+
<div class="header">
1928
<div class="fixed-content">
2029
<img class="port" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/95581/cat.jpg">
2130
<h2>Mehul Kumar Nirala</h2>
@@ -35,37 +44,44 @@ <h1>Web Projects</h1>
3544
</div>
3645
</div>
3746

38-
<!-- ****************************************PROJECT START*************************************************************** -->
39-
<div class="container">
40-
<script type="text/javascript">
41-
var projects = [{"name": "Cellular Automata", "url": "p5/CA"}, {"name": "Taxi Drift", "url": "apps/taxi"}, {"name": "Clock", "url": "p5/Clock"}, {"name": "DoublePendulum", "url": "p5/DoublePendulum"}, {"name": "FourierSeries", "url": "p5/FourierSeries"}, {"name": "InverseKinematics", "url": "p5/InverseKinematics"}, {"name": "Where is ISS?", "url": "iss"}, {"name": "MaurerRoses", "url": "p5/MaurerRoses"}, {"name": "Mendelbrot", "url": "p5/Mendelbrot"}, {"name": "Seepls", "url": "p5/Seepls"}, {"name": "SmartRockets", "url": "p5/SmartRockets"}, {"name": "DrawFourierSeries", "url": "p5/DrawFourierSeries"}, {"name": "Steering", "url": "p5/Steering"}, {"name": "2048", "url": "apps/2048"}, {"name": "Bezier Blob", "url": "apps/bezier"}, {"name": "Sitting Bird", "url": "apps/birdy"}, {"name": "Bubbles", "url": "apps/bubble"}, {"name": "Car Racing", "url": "apps/car"}, {"name": "Kill the crow", "url": "apps/crow"}, {"name": "Air Hockey", "url": "apps/hockey"}, {"name": "Mario", "url": "apps/mario"}, {"name": "Oscillator", "url": "apps/oscillator"}, {"name": "doodle", "url": "p5/doodle"}];
47+
<section class="colorlib-about" data-section="about">
48+
<div class="container">
49+
<script type="text/javascript">
50+
var projects = [{"name": "Cellular Automata", "url": "p5/CA"}, {"name": "Taxi Drift", "url": "apps/taxi"}, {"name": "Clock", "url": "p5/Clock"}, {"name": "DoublePendulum", "url": "p5/DoublePendulum"}, {"name": "FourierSeries", "url": "p5/FourierSeries"}, {"name": "InverseKinematics", "url": "p5/InverseKinematics"}, {"name": "Where is ISS?", "url": "iss"}, {"name": "MaurerRoses", "url": "p5/MaurerRoses"}, {"name": "Mendelbrot", "url": "p5/Mendelbrot"}, {"name": "Seepls", "url": "p5/Seepls"}, {"name": "SmartRockets", "url": "p5/SmartRockets"}, {"name": "DrawFourierSeries", "url": "p5/DrawFourierSeries"}, {"name": "Steering", "url": "p5/Steering"}, {"name": "2048", "url": "apps/2048"}, {"name": "Bezier Blob", "url": "apps/bezier"}, {"name": "Sitting Bird", "url": "apps/birdy"}, {"name": "Bubbles", "url": "apps/bubble"}, {"name": "Car Racing", "url": "apps/car"}, {"name": "Kill the crow", "url": "apps/crow"}, {"name": "Air Hockey", "url": "apps/hockey"}, {"name": "Mario", "url": "apps/mario"}, {"name": "Oscillator", "url": "apps/oscillator"}, {"name": "doodle", "url": "p5/doodle"}];
4251

43-
for (var i=0; i<projects.length; i++){
44-
document.write(
45-
((i%4==0)?'<div class="row">':'')+
46-
'<div class="col-xs-12 col-md-6 col-lg-3">\
47-
<div class="card">\
48-
<div class="card-header">'+projects[i].name+'</div>\
49-
<div class="card-body">\
50-
<iframe name="iframe_'+i+'" scrolling="no" class="frame"></iframe>\
51-
<div class="row align-items-center">\
52-
<div class="col">\
53-
<a href="https://mulx10.github.io/web_projects/'+projects[i].url+'" class="btn btn-danger" target="iframe_'+i+'">Activate</a>\
54-
<a href="https://mulx10.github.io/web_projects/'+projects[i].url+'" class="btn btn-primary" target="_blank" >Check it </a>\
52+
for (var i=0; i<projects.length; i++){
53+
document.write(
54+
((i%4==0)?'<div class="row">':'')+
55+
'<div class="col-xs-12 col-md-6 col-lg-3">\
56+
<div class="card">\
57+
<div class="card-header">'+projects[i].name+'</div>\
58+
<div class="card-body">\
59+
<iframe name="iframe_'+i+'" scrolling="no" class="frame"></iframe>\
60+
<div class="row align-items-center">\
61+
<div class="col">\
62+
<a href="https://mulx10.github.io/web_projects/'+projects[i].url+'" class="btn btn-danger" target="iframe_'+i+'">Activate</a>\
63+
<a href="https://mulx10.github.io/web_projects/'+projects[i].url+'" class="btn btn-primary" target="_blank" >Check it </a>\
64+
</div>\
5565
</div>\
66+
</div>\
5667
</div>\
57-
</div>\
58-
</div>\
59-
</div>'+((i%4==3)?'</div>':''));
60-
}
61-
</script>
62-
</div>
63-
<!-- ****************************************PROJECT END**************************************************************** -->
64-
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
65-
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
66-
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
67-
68-
<div class="footer">
68+
</div>'+((i%4==3)?'</div>':''));
69+
}
70+
</script>
71+
</div>
72+
</section>
73+
74+
<br>
75+
<br>
76+
77+
78+
79+
<div class="footer">
80+
<div class="second">
81+
<div class="fixed-content">
82+
<h1>Contact Me</h1>
83+
</div>
84+
</div>
6985
<div class="fixed-content">
7086
<div class="icon-row blue">
7187
<a href="https://twitter.com/nirala_mehul"><i class="fa fa-twitter"></i></a>
@@ -79,5 +95,20 @@ <h1>Web Projects</h1>
7995
</div>
8096
</div>
8197

98+
99+
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
100+
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'></script>
101+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
102+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
103+
<script src="js/jquery.easing.1.3.js"></script>
104+
<script src="js/jquery.waypoints.min.js"></script>
105+
<script src="js/jquery.flexslider-min.js"></script>
106+
<script src="js/owl.carousel.min.js"></script>
107+
<script src="js/jquery.countTo.js"></script>
108+
<script src="js/services.js"></script>
109+
<script src="js/modernizr-2.6.2.min.js"></script>
110+
<script src="js/script.js"></script>
111+
82112
</body>
113+
83114
</html>

0 commit comments

Comments
 (0)