Skip to content

Commit 2d7edbd

Browse files
cnu01cnu01
authored
Completed Udemy
0 parents  commit 2d7edbd

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+21467
-0
lines changed

‎assets/FontsFree-Net-SFProText-Regular.ttf

424 KB
Binary file not shown.

‎assets/IMG_20211212_140653.jpg

1.81 MB
Loading

‎assets/categories.js

+1,782
Large diffs are not rendered by default.

‎assets/cross.png

4.62 KB
Loading

‎assets/filter.png

568 Bytes
Loading

‎assets/light.png

26.7 KB
Loading

‎assets/menu.png

2.27 KB
Loading

‎assets/next.png

4.82 KB
Loading

‎assets/night.png

39.9 KB
Loading

‎assets/search.png

14.1 KB
Loading

‎assets/shopping-cart.png

8.42 KB
Loading

‎assets/tick.png

2.5 KB
Loading

‎assets/up.png

2.57 KB
Loading

‎assets/vecteezy_star-icon-black-set-rating-icon-black-set-icon_4186162.zip

402 KB
Binary file not shown.

‎assets/vecteezy_star-icon-black-set-rating-icon-black-set-icon_4186162/Vecteezy-License-Information.pdf

82 KB
Binary file not shown.

‎assets/vecteezy_star-icon-black-set-rating-icon-black-set-icon_4186162/vecteezy_star-icon-black-set-rating-icon-black-set-icon_.eps

5.13 MB
Binary file not shown.

‎assets/vecteezy_star-icon-black-set-rating-icon-black-set-icon_4186162/vecteezy_star-icon-black-set-rating-icon-black-set-icon_.jpg

206 KB
Loading

‎cart.html

+99
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Document</title>
9+
<link rel="stylesheet" href="style/navbar.css">
10+
<link rel="stylesheet" href="style/global.css">
11+
<link rel="stylesheet" href="style/cart.css" />
12+
</head>
13+
14+
<body>
15+
<nav>
16+
17+
</nav>
18+
<div class="nav"></div>
19+
<div class="container">
20+
<div class="Shopping_inner">
21+
<h1>
22+
<span class="Shopping">Shopping Cart</span>
23+
</h1>
24+
</div>
25+
</div>
26+
<div>
27+
<div class="Courses_cart">
28+
<h3 id="courses_zero">0 Courses in Cart</h3>
29+
</div>
30+
</div>
31+
<div id="container">
32+
<div class="in_div">
33+
<img alt="" width="240" height="180" class="empty-cart-img"
34+
src="https://s.udemycdn.com/browse_components/flyout/empty-shopping-cart-v2.jpg" />
35+
<p class="card-empty">
36+
Your cart is empty. Keep shopping to find a course!
37+
</p>
38+
<div id="div_button">
39+
<a class="btn" href="/">Keep shopping</a>
40+
</div>
41+
</div>
42+
</div>
43+
44+
<footer style=" margin-top:100px; position:relative; background-color: black; color:white !important;">
45+
46+
</footer>
47+
</body>
48+
<script type="module">
49+
import navbar from "./components/navbar.js"
50+
import footer from "./components/footer.js"
51+
import timer from "./scripts/timer.js"
52+
document.querySelector("nav").innerHTML = navbar()
53+
document.querySelector("footer").innerHTML = footer()
54+
timer(document.querySelector(".timer"))
55+
document.querySelector(".remove-sale").addEventListener("click", () => {
56+
document.querySelector(".sale-nav").style.display = "none"
57+
})
58+
59+
60+
////////
61+
// change mode
62+
if (JSON.parse(localStorage.getItem("theme")) == "dark") {
63+
document.querySelector("body").classList.add("dark-theme")
64+
document.querySelector("#logo-img").src = "https://www.udemy.com/staticx/udemy/images/v7/logo-udemy-inverted.svg"
65+
} else {
66+
document.querySelector("#logo-img").src = "https://www.udemy.com/staticx/udemy/images/v7/logo-udemy.svg"
67+
document.querySelector("body").classList.remove("dark-theme")
68+
}
69+
document.querySelector(".mods").addEventListener("click", () => {
70+
document.querySelector(".mods").classList.toggle("light-mode")
71+
changeTheme()
72+
})
73+
function changeTheme() {
74+
let mode = JSON.parse(localStorage.getItem("theme"))
75+
if (mode == "dark") {
76+
document.querySelector("#logo-img").src = "https://www.udemy.com/staticx/udemy/images/v7/logo-udemy.svg"
77+
document.querySelector("body").classList.remove("dark-theme")
78+
localStorage.setItem("theme", JSON.stringify("light"))
79+
} else {
80+
document.querySelector("body").classList.add("dark-theme")
81+
document.querySelector("#logo-img").src = "https://www.udemy.com/staticx/udemy/images/v7/logo-udemy-inverted.svg"
82+
83+
localStorage.setItem("theme", JSON.stringify("dark"))
84+
85+
}
86+
}
87+
/////////////
88+
// navbar end
89+
let login = JSON.parse(localStorage.getItem("log"))
90+
if (login.log == true) {
91+
document.querySelector(".sign-log").classList.add("loged")
92+
document.querySelector(".user").textContent = login.user[0]
93+
}
94+
</script>
95+
<script src="scripts/cart.js"></script>
96+
97+
</html>
98+
<script type="module" src="scripts/search.js"></script>
99+
<script type="module" src="scripts/cat-menu.js"></script>

‎checkout.html

+167
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,167 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Checkout</title>
9+
<link rel="stylesheet" href="style/global.css">
10+
<link rel="stylesheet" href="style/checkout.css" />
11+
</head>
12+
13+
<body>
14+
<div id="small_nav">
15+
<div id="udemy_logo">
16+
<a href="index.html"> <img id="nav_img" src="https://www.udemy.com/staticx/udemy/images/v7/logo-udemy.svg" /></a>
17+
</div>
18+
<div id="prev">
19+
<a href="cart.html">Cancel</a>
20+
</div>
21+
</div>
22+
<div id="checkout">
23+
<h1 style="margin-left: 1%">Checkout</h1>
24+
<span>
25+
<p id="add">Billing Address</p>
26+
<input class="c_s_name" list="country_name" placeholder="Country" />
27+
<datalist id="country_name">
28+
<option value="India"></option>
29+
<option value="Australia"></option>
30+
<option value="United States"></option>
31+
<option value="Sweden"></option>
32+
<option value="Canada"></option>
33+
<option value="Japan"></option>
34+
<option value="Germany"></option>
35+
<option value="Switzerland"></option>
36+
<option value="New Zealand"></option>
37+
<option value="Netherland"></option>
38+
</datalist>
39+
</span>
40+
<span>
41+
<input class="c_s_name" list="state_name" placeholder="State / Union Territory" />
42+
<datalist id="state_name">
43+
<option value="Madhya Predesh"></option>
44+
<option value="Maharashtra"></option>
45+
<option value="Uttar Pradesh"></option>
46+
<option value="Gujrat"></option>
47+
<option value="Andhra Pradesh"></option>
48+
<option value="Odisha"></option>
49+
<option value="Tamil Nadu"></option>
50+
<option value="Chhattisgarh"></option>
51+
<option value="Telengana"></option>
52+
<option value="West Bengal"></option>
53+
</datalist>
54+
</span>
55+
<div class="card_option">
56+
<span><input name="opt" type="radio" /></span>
57+
<span class="card_name">New Payment Card</span>
58+
<div class="img_div">
59+
<img class="card_images" src="https://www.udemy.com/staticx/udemy/images/v9/card-mastercard.svg" /></a>
60+
<!-- <img
61+
class="card_images"
62+
src="" /><img class="card_images" src="https://www.udemy.com/staticx/udemy/images/v9/card-visa.svg" /><img
63+
class="card_images"
64+
src=""
65+
/> -->
66+
</div>
67+
</div>
68+
<div class="card_option">
69+
<span><input name="opt" type="radio" /></span>
70+
<span class="card_name">New Banking</span>
71+
</div>
72+
<div class="card_option">
73+
<span><input name="opt" type="radio" /></span>
74+
<span class="card_name">UPI</span>
75+
<div class="img_div">
76+
<img class="card_images" src="https://www.udemy.com/staticx/udemy/images/v9/hpp-upi.svg" />
77+
</div>
78+
</div>
79+
<div class="card_option">
80+
<span><input name="opt" type="radio" /></span>
81+
<span class="card_name">PayTM</span>
82+
<div class="img_div">
83+
<img class="card_images" src="https://www.udemy.com/staticx/udemy/images/v9/hpp-paytm.svg" />
84+
</div>
85+
</div>
86+
<div class="card_option">
87+
<span><input name="opt" type="radio" /></span>
88+
<span class="card_name">Wallets India</span>
89+
</div>
90+
<div id="card_dets">
91+
<input class="full_inp" type="text" placeholder="Name on Card" />
92+
<input class="full_inp" type="number" placeholder="Card Number" />
93+
<div id="MYS">
94+
<span>
95+
<input class="half_inp" list="mm" placeholder="MM" />
96+
<datalist id="mm">
97+
<option value="01"></option>
98+
<option value="02"></option>
99+
<option value="03"></option>
100+
<option value="04"></option>
101+
<option value="05"></option>
102+
<option value="06"></option>
103+
<option value="07"></option>
104+
<option value="08"></option>
105+
<option value="09"></option>
106+
<option value="10"></option>
107+
<option value="11"></option>
108+
<option value="12"></option>
109+
</datalist>
110+
</span>
111+
<span>
112+
<input class="half_inp" list="YY" placeholder="YYYY" />
113+
<datalist id="YY">
114+
<option value="2021"></option>
115+
<option value="2022"></option>
116+
<option value="2023"></option>
117+
<option value="2024"></option>
118+
<option value="2025"></option>
119+
<option value="2026"></option>
120+
<option value="2027"></option>
121+
<option value="2028"></option>
122+
<option value="2029"></option>
123+
<option value="2030"></option>
124+
<option value="2031"></option>
125+
<option value="2032"></option>
126+
</datalist>
127+
</span>
128+
<span>
129+
<input class="half_inp" type="text" placeholder="Security Code" />
130+
</span>
131+
</div>
132+
<div id="chk_box">
133+
<input type="checkbox" checked="checked" />
134+
<span>Remember this card</span>
135+
</div>
136+
</div>
137+
<div id="order_dets">
138+
<h2>Order Details</h2>
139+
</div>
140+
</div>
141+
<div id="summary">
142+
<h1>Summary</h1>
143+
<p>Original price: <b class="summary-price">2</b></p>
144+
<p>Coupon discounts: <b>30%</b> </p>
145+
<hr />
146+
<span>Total: <h2 style="display:inline;" class="total-price">22</h2></span><br />
147+
<p class="sum_p">
148+
Udemy is required by law to collect applicable transaction taxes for
149+
purchases made in certain tax jurisdictions.
150+
</p>
151+
<p class="sum_p">
152+
By completing your purchase you agree to these
153+
<span style="color: rgb(45, 45, 226); font-weight: 700">Terms of Service</span>.
154+
</p>
155+
<button class="btn">
156+
<a href="payment.html">Complete Payment</a> </button>
157+
</div>
158+
</body>
159+
160+
</html>
161+
<script>
162+
let cart = JSON.parse(localStorage.getItem("courseCart")).length || 0;
163+
let total = 525 * cart
164+
document.querySelector(".summary-price").textContent = total
165+
let discounts = total - (30 / 100 * total)
166+
document.querySelector(".total-price").textContent = discounts
167+
</script>

‎components/categories.js

+76
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
const categories = () => [
2+
{
3+
cat: "Development",
4+
sub: [
5+
{
6+
cat: "Web Development",
7+
sub: [
8+
"JavaScript",
9+
"React",
10+
"CSS",
11+
"Angular",
12+
"Node.Js",
13+
"PHP",
14+
"HTML5",
15+
"Django",
16+
],
17+
},
18+
{
19+
cat: "Data Science",
20+
sub: [
21+
"Python",
22+
"Machine Learning",
23+
"Deep Learning",
24+
"Data Analysis",
25+
"Statistics",
26+
"R laguage",
27+
"Neural Networks",
28+
],
29+
},
30+
{
31+
cat: "Mobile Development",
32+
sub: [
33+
"Google Flutter",
34+
"Android Development",
35+
"iOS Development",
36+
"React Native",
37+
"Swift",
38+
"Dart Laguage",
39+
"Kotlin",
40+
"SwiftUI",
41+
],
42+
},
43+
{
44+
cat: "Programming Laguage",
45+
sub: [
46+
"Python",
47+
"Java",
48+
"C#",
49+
"React",
50+
"C++",
51+
"JavaScript",
52+
"C Language",
53+
"Go Language",
54+
"Spring Framework",
55+
],
56+
},
57+
{
58+
cat: "Game Development",
59+
sub: [
60+
"Unity",
61+
"Game Devolopment Fundamentals",
62+
"C++",
63+
"C#",
64+
"3D Game Development",
65+
"C++",
66+
"2D Game Development",
67+
"Unreal Engine Blueprints",
68+
"Mobile Game Development",
69+
],
70+
},
71+
{
72+
cat: "Database Design & Development",
73+
},
74+
],
75+
},
76+
];

0 commit comments

Comments
 (0)