studyncode/index.html at main · pgit80/studyncode · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>studyNcode</title>
    <link rel="stylesheet" href="main.css">
</head>
<body>
<!-- header is here -->
<header>
    <img class="logo" src="logo-no-background.png" alt="logo" >
    <nav>
        <ul class="nav_links">
            <li><a href="index.html">HOME</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Projects</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">Help</a></li>
        </ul>
    </nav>
    <a class="cta" href="#"><button>Contact me</button></a>
</header>

<!-- welcome txt is here -->
    <marquee  direction="left" scrollamount="13" scrolldelay="0" style="color:rgb(255, 0, 0); font-size: 50px; text-shadow: 0 0 5px rgb(0, 0, 0);">Welcome to studyNcode. The website is under continuous development. Help us by your valuable feedback.😊</marquee>


<!-- card layout is used-->
<div class="main_content">
    <div class="container">
        <div class="container_cards">
            <img src="file-download.png" style="width: 50%;">
            <h3>Download Programming tools and Compilers
            </h3>
            <a href="downloads.html"><button>Click Here</button></a>
        </div>
        <div class="container_cards">
            <img src="website.png" style="width: 50%;">
            <h3>
                Visit ultimate free websites that will blow your mind
            </h3>
            <button>Click Here</button>
        </div>
        <div class="container_cards">
            <img src="ai.png" alt="" style="width: 50%;">
            <h3>
                Free AI websites for almost everything
            </h3>
            <button>Click Here</button>
        </div>
        <div class="container_cards">
            <img src="career-path.png" alt="" style="width: 50%;">
            <h3>
                Visit Career Portals of Top Companies
            </h3>
            <a href="career.html"><button>Click Here</button></a>
        </div>
        <div class="container_cards">
            <img src="documents.png" alt="" style="width: 50%;">
            <h3>
                View Official Documentation of Programming Languages and Frameworks
            </h3>
            <button>Click Here</button>
        </div>
        <div class="container_cards">
            <img src="website.png" alt="" style="width: 50%;">
            <h3>
                Visit Best websites that will help in your academics
            </h3>
            <button>Click Here</button>
        </div>
        <div class="container_cards">
            <img src="intern.png" alt="" style="width: 50%;">
            <h3>
                Find Internships
            </h3>
            <button>Click Here</button>
        </div>
        <div class="container_cards">
            <img src="fun.png" alt="" style="width: 50%;">
            <h3>
                Fun Websites that you should visit once
            </h3>
            <button>Click Here</button>
        </div>
    </div>
</div>


<!-- footer is here -->
    <footer>
        <div class="footer_content">
            <h3 style="color: rgba(44, 240, 86, 0.776);text-align: center;">studyNcode</h3>
            <h2 style="color:rgb(241, 8, 20); text-align: center;"> &copy; Copyright Reserved | Created with ❤️</h2>

            <ul class="socials">
                <a href="#"></a>
            </ul>
        </div>
    </footer>


</body>
</html>