linkspages/index.html at master · softwaretechcode/linkspages · 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description"
        content="Here You Can Find Links Related To The Website & Company SoftwareTechIT, Blog, Tech, Coding,Tutorials, Videos, Products, And More..">
    <meta name="keywords"
        content="HTML, CSS, JavaScript,Python,Java,C++,C,PHP,Angular,Reactjs,Android,XML,Flask,DJango,Training, Free Content,Free Study Material,Free Programming Courses,Free Cources,Software Traning, Products,Product review,Tech Review,Computer Programming,training Program">
    <meta name="author" content="SoftwareTechIT">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSS only -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
    <title>Welcome To SoftwareTechIT.com Here You Can Find Links Related To The Website & Company SoftwareTechIT, Blog, Tech, Coding,Tutorials, Videos, Products, And More</title>
</head>
<style>
    @keyframes reveal {
  from { opacity: 0; clip-path: inset(0% 60% 0% 50%); }
  to { opacity: 1; clip-path: inset(0% 0% 0% 0%); }
}

img {
  animation: auto linear reveal both;
  animation-timeline: view();
  animation-range: entry 25% cover 50%;
}

@keyframes animate-in {
  0% { opacity: 0; transform: translateY(20%); }
  100% { opacity: 1; transform: translateY(0%); }
}
@keyframes animate-out {
  0% { opacity: 1; transform: translateY(0%); }
  100% { opacity: 0; transform: translateY(-20%); }
}

.container div {
  animation: animate-in linear forwards,
             animate-out linear forwards;
  animation-timeline: view();
  animation-range: entry, exit;
}
</style>
<body class="container">
    <section>
        <div class="px-4 text-center">
            <img class="d-block mx-auto mb-4" src="./img/logo.png" alt="SoftwareTechIT.com" width="20%" height="20%">
            <h1 class="display-5 fw-bold">Welcome To SoftwareTechIT.com .Ltd</h1>
            <div class="col-lg-6 mx-auto">
                <p class="lead mb-4">Here You Find The Use Full Links To Learn Programming, Cources, Tutorial ,Code And
                    More..</p>
                    <div class="my-3 row justify-content-center fw-bold">
                        <div class="col-6">

                                Learn Web Development,<br/>
                                Learn Android Development,<br/>
                                Learn Software Development,<br/>
                                Learn Coding Tricks And Tips,<br/>

                        </div>
                        <div class="col-6">

                                Cources, Notes, Examples,...<br/>

                        </div>
                    </div>
                <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
                    <a type="button" class="btn btn-warning btn-lg px-4 me-sm-3 shadow" href="https://play.google.com/store/apps/details?id=com.softwaretechit"><i class="bi bi-google-play"></i> Download App</a>
                    <a type="button" class="btn btn-outline-secondary btn-lg px-4 shadow" href="https://www.youtube.com/@softwaretechit/"><i class="bi bi-play-btn-fill"></i> Watch Videos</a>

                </div>
                <div class="d-grid gap-3 justify-content-sm-center my-5 text-center">
                    <h1>Follow Us On</h1>
                    <div>
                        <a type="button" class="btn btn-warning btn-lg px-4 me-sm-3 shadow"
                            href="https://instagram.com/softwaretechit"><i class="bi bi-instagram "></i> @SoftwareTechIT</a>
                        <a type="button" class="btn btn-warning btn-lg px-4 me-sm-3 shadow" href="https://github.com/softwaretechit"><i
                                class="bi bi-github "></i>@SoftwareTechIT</a>
                        <a type="button" class="btn btn-warning btn-lg px-4 me-sm-3 shadow" href="https://github.com/softwaretechit">
                            <i class="bi bi-medium"></i>@SoftwareTechIT</a>
                    </div>
            </div>

        </div>
        <hr />
        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
            <a type="button" class="btn btn-warning btn-lg px-4 me-sm-3 shadow" href="https://softwaretechit.com"><i
                    class="bi-lg bi-house-door-fill " style='font-size:140%;'>SoftwareTechIT</i></a>
            <a type="button" class="btn btn-warning btn-lg px-4 me-sm-3 shadow"
                href="https://programadecode.softwaretechit.com"><i class="bi bi-code-slash "
                    style='font-size:140%;'>Programs & Examples</i> </a>
            <a type="button" class="btn btn-warning btn-lg px-4 me-sm-3 shadow" href="https://blog.softwaretechit.com"><i
                    class="bi bi-stickies-fill " style='font-size:140%;'>Blog Posts</i> </a>
            <a type="button" class="btn btn-warning btn-lg px-4 me-sm-3 shadow"
                href="https://www.youtube.com/@softwaretechit/"><i class="bi bi-film "
                    style='font-size:140%;'>Videos</i></a>

        </div>


        </div>
        <div class="justify-content-center align-items-center my-5 text-center">
            <h1>Project's We Completed</h1>
            <div class="row row-cols-1 row-cols-md-3 justify-content-center align-items-center text-center">

            <div class="col-md-3">
                <div class="m-1 card h-100 border-warning mb-3" >
                <div class="card-header bg-transparent border-warning">Java Project</div>
                <div class="card-body text-success">
                  <h5 class="card-title">Covid-19 Hospital Managment Sysytem</h5>
                  <p class="card-text">We Created This Project With Java & PostgraSQL And Code Is Available On GitHub</p>
                </div>
                <a class="btn btn-warning shadow" href="https://github.com/softwaretechit/Covid-19-Hospital-Management-System"><i class="bi bi-github "></i> Check More OR Demo</a>
              </div></div>
              <div class="col-md-3">
              <div class="m-1 card h-100 border-danger" >
                <div class="card-header bg-transparent border-danger">Android App</div>
                <div class="card-body text-success">
                  <h5 class="card-title">SoftwareTechIT Official App </h5>
                  <p class="card-text">Learn Coding With Videos & Text Notes This App Is Available In Play Store You Can Download Click On Below Link</p>
                </div>
                <a class="btn btn-danger shadow" href="https://play.google.com/store/apps/details?id=com.softwaretechit"><i class="bi bi-google-play"></i> Check More OR Download</a>
              </div></div>
              <div class="col-md-3">
              <div class="m-1 card h-100 border-success" >
                <div class="card-header bg-transparent border-success">PHP Project</div>
                <div class="card-body text-success">
                  <h5 class="card-title">Automatic WebStory Website</h5>
                  <p class="card-text">We Created Automatic WebStory Website That Will Fetch Products And Create WebStory</p>
                </div>
                <a class="btn btn-success" href="http://webstory.golbar.net/"><i class="bi bi-box-arrow-up-right"></i>Check More OR Demo</a>
              </div>
              </div>
              <div class="col-md-3">
                <div class="m-1 card h-100 border-info" >
                  <div class="card-header bg-transparent border-info">Angular Project</div>
                  <div class="card-body text-warning">
                    <h5 class="card-title">ECommerce Gadgets Project</h5>
                    <p class="card-text">We Created ECommerce Product listing Website in Angular And Flask  </p>
                  </div>
                  <a class="btn btn-info" href="https://github.com/softwaretechit/EAccessoriesGadgetsShop"><i class="bi bi-box-arrow-up-right"></i>Check More OR Demo</a>
                </div>
                </div>

            </div>
        </div>
    </section>

</body>

</html>