From 91a770f643f68c3f16a396ef65d95e390db6de94 Mon Sep 17 00:00:00 2001 From: Lakshmanan R Date: Fri, 5 Jun 2020 22:24:31 +0530 Subject: [PATCH 1/3] news-page-firstUpd --- newsPage.html | 413 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 413 insertions(+) create mode 100644 newsPage.html diff --git a/newsPage.html b/newsPage.html new file mode 100644 index 0000000..f33b341 --- /dev/null +++ b/newsPage.html @@ -0,0 +1,413 @@ + + + + + + + + + + Codesis - Responsive HTML5 Template + + + + + + + + + + + + + + + + + + + + + + + +
+
+ # +
+
+ + + + +
+ +
+ + +
+
+
+
+
+ +

News

+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+

Equip Yourself with New Courses
Stack UP your Tech Stack

+

Free Educations

+
+
+ Start a Course +
+
+
+
+
+
+
+
+
+
+
+

Update Yourself with buzzing Technology
Subscribe to our Newsletter

+

FOR FREE

+
+
+ SUBSCRIBE +
+
+
+
+
+
+
+ +
+
+
+ + + +
+
+
+
+
+
+

Trending Topics

+
+
+
+
+
+ # +

Technology

+
+
+
+
+ # +

Science

+
+
+
+
+ # +

Latest Research

+
+
+
+
+
+ + + + + +
+
+
+
+

© Copyrights 2019 design by html.design

+
+
+
+
+ + + + + + + + + + + + + + + + + + + \ No newline at end of file From abab1fa19a42f86f3b1aed9b163867d1b343557b Mon Sep 17 00:00:00 2001 From: Lakshmanan R Date: Sun, 7 Jun 2020 21:54:34 +0530 Subject: [PATCH 2/3] added-news-html --- news.html | 567 ++++++++++++++++++++++++++++++++++++++++++++++++++ newsPage.html | 172 ++++++++++++++- 2 files changed, 730 insertions(+), 9 deletions(-) create mode 100644 news.html diff --git a/news.html b/news.html new file mode 100644 index 0000000..0233b51 --- /dev/null +++ b/news.html @@ -0,0 +1,567 @@ + + + + + + + + + + Codesis - Responsive HTML5 Template + + + + + + + + + + + + + + + + + + + + + + + +
+
+ # +
+
+ + + + +
+ +
+ + +
+
+
+
+
+

News

+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+

Equip Yourself with New Courses
Stack UP your Tech Stack

+

Free Educations

+
+
+ Start a Course +
+
+
+
+
+
+
+
+
+
+
+

Update Yourself with buzzing Technology
Subscribe to our Newsletter

+

FOR FREE

+
+
+ SUBSCRIBE +
+
+
+
+
+
+
+ +
+
+
+ + +
+ Update Yourself with buzzing Technology +
+
+
+
+
+
+
+

Welcome To Newsletter

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed + do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute + irure dolor in reprehenderit in voluptate velit esse cillum + dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt + mollit anim id est laborum +

+
+
+ About more +
+
+
+
+
+
+
+ Newsletter +

Newsletter May

+
+
+
+
+
+
+
+
+
+
+
+
+
+

Visit our BLOG

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed + do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute + irure dolor in reprehenderit in voluptate velit esse cillum + dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt + mollit anim id est laborum +

+
+
+ About more +
+
+
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
S.NoLatest NewsLetters
1May/2020
2April/2020
3March/2020
4Feb/2020
5Jan/2020
+
+
+ +
+
+
+
+
+ + + +
+
+
+
+
+
+

More Topics

+
+
+
+
+
+ # +

Technology

+
+
+
+
+ # +

Science

+
+
+
+
+ # +

Latest Research

+
+
+
+
+
+ + +
+
+
+
+
+
+ # +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed + do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip +

+
+
+
+ +
+
+

Quick links

+ +
+
+ +
+
+

Newsletter

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do +

+ +
+
+
+
+

Contact us

+
    +
  • + London 145
    United Kingdom     +
    • +
  • demo@gmail.com
    • +
  • +12586954775
    • +
+
+
+
+
+
+ + +
+
+
+
+

© Copyrights 2019 design by html.design

+
+
+
+
+ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/newsPage.html b/newsPage.html index f33b341..0233b51 100644 --- a/newsPage.html +++ b/newsPage.html @@ -27,11 +27,11 @@ @@ -103,7 +153,6 @@
-

News

@@ -154,15 +203,122 @@

FOR FREE

- + +
+ Update Yourself with buzzing Technology +
+
+
+
+
+
+
+

Welcome To Newsletter

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed + do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute + irure dolor in reprehenderit in voluptate velit esse cillum + dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt + mollit anim id est laborum +

+
+
+ About more +
+
+
+
+
+
+
+ Newsletter +

Newsletter May

+
+
+
+
+
+
+
+
+
+
+
+
+
+

Visit our BLOG

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed + do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute + irure dolor in reprehenderit in voluptate velit esse cillum + dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt + mollit anim id est laborum +

+
+
+ About more +
+
+
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
S.NoLatest NewsLetters
1May/2020
2April/2020
3March/2020
4Feb/2020
5Jan/2020
+
+
+ +
+
+
+
+
+ + -
+
-

Trending Topics

+

More Topics

@@ -240,15 +396,13 @@

Newsletter

-

Contact us

  • London 145
    United Kingdom     + >London 145
    United Kingdom
  • demo@gmail.com
  • +12586954775
    • From 8cf9a398af2283f230b2447180556eb59ad4ed1f Mon Sep 17 00:00:00 2001 From: Lakshmanan R Date: Mon, 15 Jun 2020 16:40:11 +0530 Subject: [PATCH 3/3] updated-the-newsPage-issue2 --- css/newsPageStyle.css | 64 +++++ js/newPagescript.js | 120 +++++++++ news.html | 567 ------------------------------------------ newsPage.html | 243 ++---------------- 4 files changed, 207 insertions(+), 787 deletions(-) create mode 100644 css/newsPageStyle.css create mode 100644 js/newPagescript.js delete mode 100644 news.html diff --git a/css/newsPageStyle.css b/css/newsPageStyle.css new file mode 100644 index 0000000..da45269 --- /dev/null +++ b/css/newsPageStyle.css @@ -0,0 +1,64 @@ + + .imageHead { + opacity:0.6; + padding:5px; + transform: scale(0.7); + + } + .imageHead:hover{ + opacity:1; + box-shadow:10px 10px 10px ; + border:0px; + border-color: black; + transform: scale(1.1); + background-color:#0D1042; + } + .img__wrap { + margin:50px; + display: block; +/* height: 200px; + width: 257px;*/ + filter: blur(5px) brightness(20%) ; + opacity:0.7; + float:left; + } + + .img__description { + position: absolute; + visibility: hidden; + opacity: 0; + top:50%; + left:0px; + } + + .img__wrap:hover .img__description { + visibility: visible; + opacity: 1; + background-color: #000; + color: #fff; + transform: scale(1.3); + font-size: 1.5em; + } + .img__wrap:hover { + filter: blur(0px) grayscale(0%) drop-shadow(8px 8px 10px gray) brightness(70%); + opacity:0.7; + } + .moreTopic{ + clear:both; + } + .newsTable{ + float: left; + margin:50px; + display: block; + text-align: center; + } + table{ + border: 3px solid #0D1042; + width:200%; + } + tr{ + border: 3px solid #0D1042; + } + td{ + border: 3px solid #0D1042; + } diff --git a/js/newPagescript.js b/js/newPagescript.js new file mode 100644 index 0000000..9553483 --- /dev/null +++ b/js/newPagescript.js @@ -0,0 +1,120 @@ + /* counter js */ + + (function($) { + $.fn.countTo = function(options) { + options = options || {}; + + return $(this).each(function() { + // set options for current element + var settings = $.extend( + {}, + $.fn.countTo.defaults, + { + from: $(this).data("from"), + to: $(this).data("to"), + speed: $(this).data("speed"), + refreshInterval: $(this).data("refresh-interval"), + decimals: $(this).data("decimals"), + }, + options + ); + + // how many times to update the value, and how much to increment the value on each update + var loops = Math.ceil(settings.speed / settings.refreshInterval), + increment = (settings.to - settings.from) / loops; + + // references & variables that will change with each update + var self = this, + $self = $(this), + loopCount = 0, + value = settings.from, + data = $self.data("countTo") || {}; + + $self.data("countTo", data); + + // if an existing interval can be found, clear it first + if (data.interval) { + clearInterval(data.interval); + } + data.interval = setInterval(updateTimer, settings.refreshInterval); + + // initialize the element with the starting value + render(value); + + function updateTimer() { + value += increment; + loopCount++; + + render(value); + + if (typeof settings.onUpdate == "function") { + settings.onUpdate.call(self, value); + } + + if (loopCount >= loops) { + // remove the interval + $self.removeData("countTo"); + clearInterval(data.interval); + value = settings.to; + + if (typeof settings.onComplete == "function") { + settings.onComplete.call(self, value); + } + } + } + + function render(value) { + var formattedValue = settings.formatter.call( + self, + value, + settings + ); + $self.html(formattedValue); + } + }); + }; + + $.fn.countTo.defaults = { + from: 0, // the number the element should start at + to: 0, // the number the element should end at + speed: 1000, // how long it should take to count between the target numbers + refreshInterval: 100, // how often the element should be updated + decimals: 0, // the number of decimal places to show + formatter: formatter, // handler for formatting the value before rendering + onUpdate: null, // callback method for every time the element is updated + onComplete: null, // callback method for when the element finishes updating + }; + + function formatter(value, settings) { + return value.toFixed(settings.decimals); + } + })(jQuery); + + jQuery(function($) { + // custom formatting example + $(".count-number").data("countToOptions", { + formatter: function(value, options) { + return value + .toFixed(options.decimals) + .replace(/\B(?=(?:\d{3})+(?!\d))/g, ","); + }, + }); + + // start all the timers + $(".timer").each(count); + + function count(options) { + var $this = $(this); + options = $.extend( + {}, + options || {}, + $this.data("countToOptions") || {} + ); + $this.countTo(options); + } + }); + function bgChange(id,bg,fontcolor,size) { + document.getElementById(id).style.background = bg; + document.getElementById(id).style.color=fontcolor; + document.getElementById(id).style.fontSize=size; + } \ No newline at end of file diff --git a/news.html b/news.html deleted file mode 100644 index 0233b51..0000000 --- a/news.html +++ /dev/null @@ -1,567 +0,0 @@ - - - - - - - - - - Codesis - Responsive HTML5 Template - - - - - - - - - - - - - - - - - - - - - - - -
    -
    - # -
    -
    - - - - -
    - -
    - - -
    -
    -
    -
    -
    -

    News

    -
    -
    -
    -
    -
    - - -
    -
    -
    -
    -
    -
    -
    -
    -
    -

    Equip Yourself with New Courses
    Stack UP your Tech Stack

    -

    Free Educations

    -
    -
    - Start a Course -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -

    Update Yourself with buzzing Technology
    Subscribe to our Newsletter

    -

    FOR FREE

    -
    -
    - SUBSCRIBE -
    -
    -
    -
    -
    -
    -
    - -
    -
    -
    - - -
    - Update Yourself with buzzing Technology -
    -
    -
    -
    -
    -
    -
    -

    Welcome To Newsletter

    -
    -
    -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea commodo consequat. Duis aute - irure dolor in reprehenderit in voluptate velit esse cillum - dolore eu fugiat nulla pariatur. Excepteur sint occaecat - cupidatat non proident, sunt in culpa qui officia deserunt - mollit anim id est laborum -

    -
    -
    - About more -
    -
    -
    -
    -
    -
    -
    - Newsletter -

    Newsletter May

    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -

    Visit our BLOG

    -
    -
    -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea commodo consequat. Duis aute - irure dolor in reprehenderit in voluptate velit esse cillum - dolore eu fugiat nulla pariatur. Excepteur sint occaecat - cupidatat non proident, sunt in culpa qui officia deserunt - mollit anim id est laborum -

    -
    -
    - About more -
    -
    -
    -
    -
    -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - -
    S.NoLatest NewsLetters
    1May/2020
    2April/2020
    3March/2020
    4Feb/2020
    5Jan/2020
    -
    -
    - -
    -
    -
    -
    -
    -
- - -
-
-
-
-
-
-

More Topics

-
-
-
-
-
- # -

Technology

-
-
-
-
- # -

Science

-
-
-
-
- # -

Latest Research

-
-
-
-
-
- - -
-
-
-
-
-
- # -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip -

-
-
-
- -
-
-

Quick links

- -
-
- -
-
-

Newsletter

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do -

- -
-
-
-
-

Contact us

-
    -
  • - London 145
    United Kingdom     -
    • -
  • demo@gmail.com
    • -
  • +12586954775
    • -
-
-
-
-
-
- - -
-
-
-
-

© Copyrights 2019 design by html.design

-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/newsPage.html b/newsPage.html index 0233b51..9b2d556 100644 --- a/newsPage.html +++ b/newsPage.html @@ -26,72 +26,8 @@ - + + @@ -104,7 +40,7 @@ - +
- -
-
-
-
-
-

News

-
-
-
-
-
- + +
@@ -203,6 +128,19 @@

FOR FREE

+ + +
+
+
+
+
+

News

+
+
+
+
+
Update Yourself with buzzing Technology @@ -217,14 +155,7 @@

Welcome To Newsletter

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea commodo consequat. Duis aute - irure dolor in reprehenderit in voluptate velit esse cillum - dolore eu fugiat nulla pariatur. Excepteur sint occaecat - cupidatat non proident, sunt in culpa qui officia deserunt - mollit anim id est laborum + A newsletter is a printed or electronic report containing news concerning of the activities of a business or an organization that is sent to its members, customers, employees or other subscribers. Our newsletter brings to you latest gripping news and happenings in the fields of technology and research.

@@ -255,14 +186,7 @@

Visit our BLOG

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea commodo consequat. Duis aute - irure dolor in reprehenderit in voluptate velit esse cillum - dolore eu fugiat nulla pariatur. Excepteur sint occaecat - cupidatat non proident, sunt in culpa qui officia deserunt - mollit anim id est laborum + A blog is a discussion or informational website published on the World Wide Web consisting of discrete, often informal diary-style text entries. We are a team of enthusiastic developers who are very much interested in exploring the latest updates in technology and to share are knowledge with others intersted in more comprehensible way. You can also find the different ways we have gone about learning things and improve yourself.

@@ -381,7 +305,7 @@

Quick links

Newsletter

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + The goal of us is to bring about better-informed and more conscious decisions about technology through influential, and trustworthy journalism.